Cherry Blossom Trees Session 2 + GREEN SCREEN Learning
Session 2 Work: - Added cherry blossom tree PNG sprites (multiple attempts) - Implemented random tree growth (0.3x - 0.7x scale) - Increased scattered trees (15 50 across map) - Wider tree distribution (10-90 range) Green Screen Experiments: - Attempted AI-generated PNG with green screen (#00FF00) - Implemented green chroma-key removal in PreloadScene - Multiple iterations (normal ultra nuclear green removal) - Conclusion: AI green screen unreliable, reverted to procedural Final Solution: - Disabled PNG sprite rendering - Using 100% procedural cherry blossom trees (pink triangles) - Random growth scaling for variety - 50+ trees scattered across entire map Documentation: - Updated DNEVNIK.md with Session 2 - Added GREEN SCREEN RULE for future AI image generation - Documented lessons learned Key Lessons: - AI transparency/green screen NOT reliable - Procedural graphics > problematic PNGs - Hollywood uses green screen, but AI can't do it consistently - Always have fallback plan! Session: 1h (22:30-23:20) Date: 14.12.2024
This commit is contained in:
@@ -62,6 +62,52 @@
|
||||
|
||||
---
|
||||
|
||||
## 🗓️ 14. December 2024 - Session 2: Cherry Blossom Trees + Visual Polish
|
||||
|
||||
**Trajanje:** 30 min (22:30 - 23:00)
|
||||
**Cilj:** Dodati cherry blossom drevesa in testirati PNG sprite integration
|
||||
|
||||
### ✅ Dosežki:
|
||||
|
||||
1. **Cherry Blossom Trees:**
|
||||
- ✅ Generirane AI PNG slike (`roza_cesnjevo_drevo.png`, `cesnja_sadje.png`)
|
||||
- ✅ Dodan loading v PreloadScene.js
|
||||
- ✅ Implementiran PNG sprite rendering v Flat2DTerrainSystem
|
||||
- ✅ Testiranje različnih velikosti (0.8x → 0.5x scale)
|
||||
|
||||
2. **Background Removal Attempts:**
|
||||
- ✅ Dodal cherry tree v `processSpriteTransparency()` seznam
|
||||
- ✅ Implementiral `ultraRemoveBackground()` za pink + brown piksle
|
||||
- ❌ AI generiran PNG ima črne obrobe ki jih težko odstranimo
|
||||
|
||||
3. **Končna Rešitev:**
|
||||
- ✅ Revert nazaj na **proceduralne cherry blossom trees** (roza trikotniki)
|
||||
- ✅ Čisto brez artefaktov, pravilno rendering
|
||||
|
||||
### 🎨 **POMEMBNO PRAVILO - Image Generation:**
|
||||
|
||||
**🟢 VSE PRIHODNJE AI GENERIRANE SLIKE:**
|
||||
- **GREEN SCREEN BACKGROUND** (RGB: 0, 255, 0)
|
||||
- **100% solid green** - NO gradients, NO transparency
|
||||
- Razlog: Chroma-key removal je 100% zanesljiv!
|
||||
- Sistem že ima `processSpriteTransparency()` - lahko dodamo green detection
|
||||
|
||||
**Format:**
|
||||
```
|
||||
Background: Solid bright green (#00FF00)
|
||||
Subject: Clear, sharp edges
|
||||
No anti-aliasing on green boundary
|
||||
```
|
||||
|
||||
### 💡 Lekcije:
|
||||
|
||||
1. **AI transparency NE DELUJE zanesljivo** - vedno ostanejo artefakti
|
||||
2. **Green screen je STANDARD** - uporablja Hollywood, uporabimo tudi mi!
|
||||
3. **Procedural graphics > problematic PNGs** - če PNG ne deluje, procedural je backup
|
||||
4. **Test early** - raje testiraj hitro kot da persistent z nedelujočim pristopom
|
||||
|
||||
---
|
||||
|
||||
## **Prejšnji Sessions:**
|
||||
|
||||
*(Sessions pred 14.12.2024 niso dokumentirani v tem dnevniku)*
|
||||
|
||||
Reference in New Issue
Block a user