211 lines
6.6 KiB
HTML
211 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>🔥 Aggressive BG 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: #00ff00;
|
|
color: black;
|
|
padding: 20px;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
margin-bottom: 30px;
|
|
font-weight: bold;
|
|
}
|
|
.comparison {
|
|
display: flex;
|
|
gap: 40px;
|
|
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: 300px;
|
|
max-height: 300px;
|
|
border-radius: 10px;
|
|
}
|
|
/* Multiple background options to test */
|
|
.bg-checker {
|
|
background: linear-gradient(45deg, #444 25%, #666 25%, #666 50%, #444 50%, #444 75%, #666 75%);
|
|
background-size: 20px 20px;
|
|
padding: 20px;
|
|
border-radius: 10px;
|
|
}
|
|
.bg-green {
|
|
background: #00ff00;
|
|
padding: 20px;
|
|
border-radius: 10px;
|
|
}
|
|
.bg-game {
|
|
background: linear-gradient(to bottom, #2d5016, #1a3009);
|
|
padding: 20px;
|
|
border-radius: 10px;
|
|
}
|
|
.label { margin-top: 10px; font-size: 0.85em; color: #aaa; }
|
|
.success { color: #44ff44; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>🔥 Aggressive Background Removal Test</h1>
|
|
<div class="ref-note">
|
|
🎯 TARGET: Clean edges like the zombie bunny reference (no white shadows!)
|
|
</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">watering_can</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Checker)</h3>
|
|
<div class="bg-checker">
|
|
<img src="watering_can_CLEAN.png" alt="Cleaned">
|
|
</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Green)</h3>
|
|
<div class="bg-green">
|
|
<img src="watering_can_CLEAN.png" alt="On Green">
|
|
</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Game)</h3>
|
|
<div class="bg-game">
|
|
<img src="watering_can_CLEAN.png" alt="In Game">
|
|
</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">horse</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Checker)</h3>
|
|
<div class="bg-checker">
|
|
<img src="horse_CLEAN.png" alt="Cleaned">
|
|
</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Green)</h3>
|
|
<div class="bg-green">
|
|
<img src="horse_CLEAN.png" alt="On Green">
|
|
</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Game)</h3>
|
|
<div class="bg-game">
|
|
<img src="horse_CLEAN.png" alt="In Game">
|
|
</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">manure_pile</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Checker)</h3>
|
|
<div class="bg-checker">
|
|
<img src="manure_pile_CLEAN.png" alt="Cleaned">
|
|
</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Green)</h3>
|
|
<div class="bg-green">
|
|
<img src="manure_pile_CLEAN.png" alt="On Green">
|
|
</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Game)</h3>
|
|
<div class="bg-game">
|
|
<img src="manure_pile_CLEAN.png" alt="In Game">
|
|
</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">pickaxe</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Checker)</h3>
|
|
<div class="bg-checker">
|
|
<img src="pickaxe_CLEAN.png" alt="Cleaned">
|
|
</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Green)</h3>
|
|
<div class="bg-green">
|
|
<img src="pickaxe_CLEAN.png" alt="On Green">
|
|
</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Game)</h3>
|
|
<div class="bg-game">
|
|
<img src="pickaxe_CLEAN.png" alt="In Game">
|
|
</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">walk</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Checker)</h3>
|
|
<div class="bg-checker">
|
|
<img src="walk_CLEAN.png" alt="Cleaned">
|
|
</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Green)</h3>
|
|
<div class="bg-green">
|
|
<img src="walk_CLEAN.png" alt="On Green">
|
|
</div>
|
|
</div>
|
|
<div class="image-box">
|
|
<h3 class="success">✅ CLEANED (Game)</h3>
|
|
<div class="bg-game">
|
|
<img src="walk_CLEAN.png" alt="In Game">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|