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

data/map2d_data.js

@@ -69,11 +69,11 @@ const Map2DData = {
         this.addTreeCluster(map, 82, 88, 4);
         this.addTreeCluster(map, 88, 82, 3);
 
-        // Scattered single trees
-        for (let i = 0; i < 15; i++) {
+        // Scattered single trees - MANY MORE!
+        for (let i = 0; i < 50; i++) {
             this.addTreeCluster(map,
-                20 + Math.random() * 60,
-                20 + Math.random() * 60,
+                10 + Math.random() * 80,  // Wider spread
+                10 + Math.random() * 80,
                 1
             );
         }