Even lake color, remove shark, smaller tree tops, crane dip, grass flowers, slower waves

- Water: flatten surface gradient so the lake is one even colour (a strong
light->dark gradient made half look lighter); slow the wave motion and
texture scroll.
- Scene3D: disable the shark (kept the class/import).
- Forest: shrink the two upper cone puffs and pull them down so tree tips
are smaller and less tall.
- Crane: deepen the head dip so the beak reaches the water surface.
- Ground: scatter ~280 tiny yellow/red wildflowers through the grass.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/scene/Crane.js

@@ -127,8 +127,9 @@ export class Crane {
     // Occasional head dip — slow sine; the neck pivot rotates around Z to swing the head down
     this.dipPhase += dt * 0.6;
     const dipCurve = Math.sin(this.dipPhase) * 0.5 + 0.5;     // 0..1
-    // Mostly stays raised; every cycle dips for a brief moment
-    const dipAmt = Math.pow(dipCurve, 6) * 1.1;
+    // Mostly stays raised; every cycle dips for a brief moment. Deeper now so
+    // the beak actually reaches the water surface instead of stopping short.
+    const dipAmt = Math.pow(dipCurve, 6) * 1.4;
     this.neckPivot.rotation.z = -dipAmt * 1.2;
     // Trigger a crane call on the rising edge of each dip (when it bends to eat).
     const dipping = dipAmt > 0.6;

src/scene/Forest.js

@@ -96,12 +96,13 @@ export class Forest {
     // so the puff silhouettes fuse cleanly instead of leaving a tapered gap.
     const trunkGeo = new CylinderGeometry(0.07, 0.10, 0.35, 8);
     const coneA    = new ConeGeometry(0.55, 1.05, 10);  // bottom puff
-    const coneB    = new ConeGeometry(0.40, 0.85, 10);  // mid puff
-    const coneC    = new ConeGeometry(0.25, 0.55, 10);  // tip
-    // Vertical offsets — tightened to remove visible gaps between the triangle layers.
+    const coneB    = new ConeGeometry(0.36, 0.72, 10);  // mid puff (smaller)
+    const coneC    = new ConeGeometry(0.19, 0.42, 10);  // tip (smaller)
+    // Vertical offsets — tops pulled down + shrunk so the triangle tips are
+    // smaller and sit closer to the tree body (less tall/pointy).
     const Y_A = 0.85;       // bottom puff sits on the trunk top
-    const Y_B = 1.30;       // pulled down (was 1.65) so coneB base hides inside coneA
-    const Y_C = 1.85;       // pulled down (was 2.30) so coneC base hides inside coneB
+    const Y_B = 1.18;       // pulled down so coneB base hides inside coneA
+    const Y_C = 1.52;       // pulled down so the smaller tip sits close to coneB
 
     const pickMat = () => this.foliageMats[Math.floor(Math.random() * this.foliageMats.length)];
 

src/scene/Ground.js

@@ -331,9 +331,34 @@ export class Ground {
     this.scene = scene;
     this._buildGround();
     this._buildGrassBlades();
+    this._buildGrassFlowers();
     this._buildGoats();
   }
 
+  _buildGrassFlowers() {
+    // Tiny wildflowers scattered through the grass — half yellow, half red.
+    const COUNT = 280;
+    const geo = new SphereGeometry(0.055, 8, 6);
+    this.flowers = new InstancedMesh(geo, new MeshLambertMaterial(), COUNT);
+    const o = new Object3D();
+    const yellow = new Color(0xffd23a);
+    const red    = new Color(0xe5392b);
+    for (let i = 0; i < COUNT; i++) {
+      const x = (Math.random() * 2 - 1) * 58;
+      const z = -3 - Math.random() * 14;            // same band as the grass tufts
+      const s = 0.7 + Math.random() * 0.8;
+      o.position.set(x, 0.18, z);
+      o.scale.set(s, s * 0.7, s);                   // slightly flattened bloom
+      o.rotation.set(0, Math.random() * Math.PI, 0);
+      o.updateMatrix();
+      this.flowers.setMatrixAt(i, o.matrix);
+      this.flowers.setColorAt(i, Math.random() < 0.5 ? yellow : red);
+    }
+    this.flowers.instanceMatrix.needsUpdate = true;
+    if (this.flowers.instanceColor) this.flowers.instanceColor.needsUpdate = true;
+    this.scene.add(this.flowers);
+  }
+
   _buildGround() {
     const geo = new PlaneGeometry(200, 80, 1, 1);
     this.groundTexture = makeGroundTexture();

src/scene/Scene3D.js

@@ -63,7 +63,8 @@ export class Scene3D {
     // Coral/seaweed/rocks built BEFORE fish + shark so they layer correctly underneath.
     this.aquariumDecor = new AquariumDecor(this.scene, bounds);
     this.fish = new Fish(this.scene, bounds);
-    this.shark = new Shark(this.scene, bounds);
+    // Shark disabled for now (not wanted). Keep the import/class for later.
+    this.shark = null;
     // Surface life — lily pads, frogs, jumping fish (gravity-accurate arcs)
     this.lakeLife = new LakeLife(this.scene, bounds);
     // One crane per side — smaller, mirrored so they face each other.
@@ -179,7 +180,7 @@ export class Scene3D {
     this.water.update(dt, el);
     this.aquariumDecor.update(dt, el);
     this.fish.update(dt, el);
-    this.shark.update(dt, el);
+    if (this.shark) this.shark.update(dt, el);
     this.lakeLife.update(dt, el);
     for (const cr of this.cranes) cr.update(dt, el);
     this.penguins.update(dt, el);

src/scene/Water.js

@@ -25,12 +25,13 @@ function makeSurfaceTexture() {
   const c = document.createElement('canvas');
   c.width = 1024; c.height = 1024;
   const ctx = c.getContext('2d');
-  // Professional lake blue — less green/teal, deeper toward the bottom
+  // Professional lake blue — kept nearly uniform across the sheet so the lake
+  // reads as one even colour (a strong top-to-bottom gradient made one half of
+  // the surface look noticeably lighter than the other).
   const g = ctx.createLinearGradient(0, 0, 0, 1024);
-  g.addColorStop(0,    '#7CC0E4');
-  g.addColorStop(0.35, '#3F8FC2');
-  g.addColorStop(0.7,  '#1F6398');
-  g.addColorStop(1,    '#0A3A60');
+  g.addColorStop(0,    '#3C8BBE');
+  g.addColorStop(0.5,  '#357FB0');
+  g.addColorStop(1,    '#2E72A2');
   ctx.fillStyle = g;
   ctx.fillRect(0, 0, 1024, 1024);
   // Tiny zigzag/feather wavelets — short, irregular, multi-directional.
@@ -272,16 +273,16 @@ export class Water {
   applyPalette(_p) { /* could tint water colour by time-of-day later */ }
 
   update(dt, elapsed) {
-    // scroll the surface ripples
-    this.surfTex.offset.x = (elapsed * 0.04) % 1;
-    this.surfTex.offset.y = (elapsed * 0.025) % 1;
+    // scroll the surface ripples (slow drift)
+    this.surfTex.offset.x = (elapsed * 0.015) % 1;
+    this.surfTex.offset.y = (elapsed * 0.010) % 1;
     // Open-sea idle vertex waves — five layered sinusoids with different
     // directions, frequencies, and time speeds. The mixed directions break
     // up the parallel-ridge look of a single-axis sin/cos and read as small
     // irregular wavelets, not straight lines.
     const pos = this.surfGeo.attributes.position;
     const segX = 111;   // 110 segments + 1
-    const t = elapsed;
+    const t = elapsed * 0.4;   // slow, gentle wave motion
     for (let i = 0; i < pos.count; i++) {
       const xi = i % segX;
       const yi = Math.floor(i / segX);