about summary refs log tree commit diff stats
path: root/html/rogue/js
diff options
context:
space:
mode:
Diffstat (limited to 'html/rogue/js')
-rw-r--r--html/rogue/js/world.js86
1 files changed, 43 insertions, 43 deletions
diff --git a/html/rogue/js/world.js b/html/rogue/js/world.js
index 63acb5a..bc246eb 100644
--- a/html/rogue/js/world.js
+++ b/html/rogue/js/world.js
@@ -18,16 +18,16 @@ const FIR_TYPES = {
         width: 80,
         height: 120,
         canopyOffset: 40,
-        canopyColor: '#2a4',
-        trunkColor: '#531'
+        canopyColor: '#22aa44',
+        trunkColor: '#553311'
     },
     LARGE: {
         type: 'fir',
         width: 120,
         height: 200,
         canopyOffset: 60,
-        canopyColor: '#1a4',
-        trunkColor: '#420'
+        canopyColor: '#11aa44',
+        trunkColor: '#442200'
     }
 };
 
@@ -39,8 +39,8 @@ const MAPLE_TYPES = {
         trunkHeight: 60,
         canopyRadius: 35,
         leafClusters: 5,
-        canopyColor: '#3a2',
-        trunkColor: '#642'
+        canopyColor: '#33aa22',
+        trunkColor: '#664422'
     },
     LARGE: {
         type: 'maple',
@@ -49,8 +49,8 @@ const MAPLE_TYPES = {
         trunkHeight: 85,
         canopyRadius: 55,
         leafClusters: 7,
-        canopyColor: '#2a2',
-        trunkColor: '#531'
+        canopyColor: '#22aa22',
+        trunkColor: '#553311'
     }
 };
 
@@ -83,40 +83,40 @@ const GRASS_TYPES = {
         width: 30,
         height: 40,
         blades: 5,
-        color: '#3a5',
-        shadowColor: '#294'
+        color: '#33aa55',
+        shadowColor: '#229944'
     },
     SHORT: {
         type: 'grass',
         width: 20,
         height: 25,
         blades: 4,
-        color: '#3b6',
-        shadowColor: '#2a5'
+        color: '#33bb66',
+        shadowColor: '#22aa55'
     },
     GOLDEN_TALL: {
         type: 'grass',
         width: 30,
         height: 40,
         blades: 5,
-        color: '#eb3',
-        shadowColor: '#c92'
+        color: '#eebb33',
+        shadowColor: '#cc9922'
     },
     GOLDEN_SHORT: {
         type: 'grass',
         width: 20,
         height: 25,
         blades: 4,
-        color: '#fc4',
-        shadowColor: '#da3'
+        color: '#ffcc44',
+        shadowColor: '#ddaa33'
     },
     BLUE_TALL: {
         type: 'grass',
         width: 30,
         height: 40,
         blades: 5,
-        color: '#4af',
-        shadowColor: '#29f',
+        color: '#44aaff',
+        shadowColor: '#2299ff',
         glowing: true
     },
     BLUE_SHORT: {
@@ -124,8 +124,8 @@ const GRASS_TYPES = {
         width: 20,
         height: 25,
         blades: 4,
-        color: '#5bf',
-        shadowColor: '#3af',
+        color: '#55bbff',
+        shadowColor: '#33aaff',
         glowing: true
     }
 };
@@ -322,11 +322,11 @@ const addHatchingPattern = (ctx, x, y, width, height, color) => {
     
     // Define darker brown shades
     const brownShades = [
-        '#421', // Dark brown
-        '#532', // Medium dark brown
-        '#431', // Reddish dark brown
-        '#321', // Very dark brown
-        '#542', // Warm dark brown
+        '#442211', // Dark brown
+        '#553322', // Medium dark brown
+        '#443311', // Reddish dark brown
+        '#332211', // Very dark brown
+        '#554422', // Warm dark brown
     ];
     
     // Create clipping path for trunk
@@ -423,15 +423,15 @@ const renderFirTree = (ctx, tree, groundY) => {
 
     // Define a range of green colors for texture that are distinct from the base color
     const greenColors = [
-        '#1a3', // Darker forest green
-        '#2b4', // Medium forest green
-        '#3c5', // Bright forest green
-        '#184', // Deep sea green
-        '#2a6', // Sage green
-        '#1b5', // Deep pine
-        '#295', // Ocean green
-        '#3b6', // Fresh spring green
-        '#174', // Dark emerald
+        '#11aa33', // Darker forest green
+        '#22bb44', // Medium forest green
+        '#33cc55', // Bright forest green
+        '#118844', // Deep sea green
+        '#22aa66', // Sage green
+        '#11bb55', // Deep pine
+        '#229955', // Ocean green
+        '#33bb66', // Fresh spring green
+        '#117744', // Dark emerald
     ];
 
     // Filter out any colors too similar to the base color
@@ -566,15 +566,15 @@ const renderMapleTree = (ctx, tree, groundY) => {
 
     // Define leaf texture colors (distinct from base color)
     const leafColors = [
-        '#2b5', // Bright leaf green
-        '#3c6', // Fresh spring green
-        '#195', // Deep forest green
-        '#2a7', // Sage green
-        '#3b5', // Vibrant green
-        '#1a6', // Dark leaf green
-        '#2c4', // Light forest green
-        '#394', // Muted green
-        '#1b7'  // Deep emerald
+        '#22bb55', // Bright leaf green
+        '#33cc66', // Fresh spring green
+        '#119955', // Deep forest green
+        '#22aa77', // Sage green
+        '#33bb55', // Vibrant green
+        '#11aa66', // Dark leaf green
+        '#22cc44', // Light forest green
+        '#339944', // Muted green
+        '#11bb77'  // Deep emerald
     ].filter(color => color !== canopyColor);
 
     // Add detailed leaf texture using small circles