davidkotnik/novafarma
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Green screen workflow tested and working - rembg AI background removal creates clean #00FF00 backgrounds like reference

Browse Source
This commit is contained in:
David Kotnik
2026-01-13 00:35:17 +01:00
parent dad515a8a2
commit a3272a8b02
40 changed files with 2171 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

264
test_transparency/comparison_ai.html Normal file
View File

@@ -0,0 +1,264 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>🤖 AI Background Removal Test</title>
<style>
body {
background: #1a1a2e;
color: white;
font-family: Arial, sans-serif;
padding: 30px;
}
h1 { color: #ff4444; text-align: center; }
.ref-note {
background: linear-gradient(135deg, #00ff00, #00aa00);
color: black;
padding: 20px;
border-radius: 10px;
text-align: center;
margin-bottom: 30px;
font-weight: bold;
}
.comparison {
display: flex;
gap: 30px;
margin: 30px 0;
padding: 20px;
background: rgba(0,0,0,0.3);
border-radius: 15px;
align-items: center;
}
.image-box {
flex: 1;
text-align: center;
}
.image-box h3 { color: #ff6666; margin-bottom: 15px; }
.image-box img {
max-width: 250px;
max-height: 250px;
border-radius: 10px;
}
.bg-checker {
background: linear-gradient(45deg, #333 25%, #555 25%, #555 50%, #333 50%, #333 75%, #555 75%);
background-size: 16px 16px;
padding: 15px;
border-radius: 10px;
}
.bg-green {
background: #00ff00;
padding: 15px;
border-radius: 10px;
}
.bg-game {
background: linear-gradient(to bottom, #3d6b1f, #234010);
padding: 15px;
border-radius: 10px;
}
.bg-red {
background: #cc3333;
padding: 15px;
border-radius: 10px;
}
.label { margin-top: 8px; font-size: 0.8em; color: #888; }
.success { color: #44ff44; }
</style>
</head>
<body>
<h1>🤖 AI Background Removal (rembg)</h1>
<div class="ref-note">
🎯 Using neural networks to detect subjects and remove backgrounds!
</div>
<div class="comparison">
<div class="image-box">
<h3>📷 ORIGINAL</h3>
<div class="bg-checker">
<img src="watering_can_ORIGINAL.png" alt="Original">
</div>
<div class="label">Original</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Checker)</h3>
<div class="bg-checker">
<img src="watering_can_AI.png" alt="AI">
</div>
<div class="label">Transparency check</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Green)</h3>
<div class="bg-green">
<img src="watering_can_AI.png" alt="On Green">
</div>
<div class="label">Green screen test</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Grass)</h3>
<div class="bg-game">
<img src="watering_can_AI.png" alt="In Game">
</div>
<div class="label">In-game preview</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Red)</h3>
<div class="bg-red">
<img src="watering_can_AI.png" alt="On Red">
</div>
<div class="label">Contrast test</div>
</div>
</div>
<div class="comparison">
<div class="image-box">
<h3>📷 ORIGINAL</h3>
<div class="bg-checker">
<img src="horse_ORIGINAL.png" alt="Original">
</div>
<div class="label">Original</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Checker)</h3>
<div class="bg-checker">
<img src="horse_AI.png" alt="AI">
</div>
<div class="label">Transparency check</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Green)</h3>
<div class="bg-green">
<img src="horse_AI.png" alt="On Green">
</div>
<div class="label">Green screen test</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Grass)</h3>
<div class="bg-game">
<img src="horse_AI.png" alt="In Game">
</div>
<div class="label">In-game preview</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Red)</h3>
<div class="bg-red">
<img src="horse_AI.png" alt="On Red">
</div>
<div class="label">Contrast test</div>
</div>
</div>
<div class="comparison">
<div class="image-box">
<h3>📷 ORIGINAL</h3>
<div class="bg-checker">
<img src="manure_pile_ORIGINAL.png" alt="Original">
</div>
<div class="label">Original</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Checker)</h3>
<div class="bg-checker">
<img src="manure_pile_AI.png" alt="AI">
</div>
<div class="label">Transparency check</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Green)</h3>
<div class="bg-green">
<img src="manure_pile_AI.png" alt="On Green">
</div>
<div class="label">Green screen test</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Grass)</h3>
<div class="bg-game">
<img src="manure_pile_AI.png" alt="In Game">
</div>
<div class="label">In-game preview</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Red)</h3>
<div class="bg-red">
<img src="manure_pile_AI.png" alt="On Red">
</div>
<div class="label">Contrast test</div>
</div>
</div>
<div class="comparison">
<div class="image-box">
<h3>📷 ORIGINAL</h3>
<div class="bg-checker">
<img src="pickaxe_ORIGINAL.png" alt="Original">
</div>
<div class="label">Original</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Checker)</h3>
<div class="bg-checker">
<img src="pickaxe_AI.png" alt="AI">
</div>
<div class="label">Transparency check</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Green)</h3>
<div class="bg-green">
<img src="pickaxe_AI.png" alt="On Green">
</div>
<div class="label">Green screen test</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Grass)</h3>
<div class="bg-game">
<img src="pickaxe_AI.png" alt="In Game">
</div>
<div class="label">In-game preview</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Red)</h3>
<div class="bg-red">
<img src="pickaxe_AI.png" alt="On Red">
</div>
<div class="label">Contrast test</div>
</div>
</div>
<div class="comparison">
<div class="image-box">
<h3>📷 ORIGINAL</h3>
<div class="bg-checker">
<img src="walk_ORIGINAL.png" alt="Original">
</div>
<div class="label">Original</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Checker)</h3>
<div class="bg-checker">
<img src="walk_AI.png" alt="AI">
</div>
<div class="label">Transparency check</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Green)</h3>
<div class="bg-green">
<img src="walk_AI.png" alt="On Green">
</div>
<div class="label">Green screen test</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Grass)</h3>
<div class="bg-game">
<img src="walk_AI.png" alt="In Game">
</div>
<div class="label">In-game preview</div>
</div>
<div class="image-box">
<h3 class="success">🤖 AI (Red)</h3>
<div class="bg-red">
<img src="walk_AI.png" alt="On Red">
</div>
<div class="label">Contrast test</div>
</div>
</div>
</body>
</html>