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:
2025-12-14 23:21:36 +01:00
parent a4d2d137ec
commit c5d6c01305
6 changed files with 117 additions and 14 deletions

View File

@@ -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)*