Upload index.html

index.html

@@ -634,7 +634,7 @@ class Fish {
     // v24: Ecco-style blend factor (0 = side profile, 1 = seen from above/below).
     // Flattens the tail lobes and spreads eyes/barbels as we see more of the back.
     const ev = Math.max(0, Math.min(1, this.viewAngle));
-    const tailFlat = 1 - 0.4 * ev; // extra foreshortening for the caudal lobes only
+    const tailFlat = 1 - 0.55 * ev; // v25: squish the tail fin a bit more when vertical
 
     // tail fin (v7 rounded / v11 three styles): each tip is swept around by a curve
     // whose control point sits just past where the old spike was. The style is fixed
@@ -822,10 +822,15 @@ class Fish {
     // never disconnects as the back undulates (v4)
     // v17: matches the fish's own color instead of a fixed blue — silver fish no longer
     // sprout mismatched blue fins
+    // v25: as the fish turns to swim vertically (ev→1), the dorsal fin slides from
+    // "on top of the fish" to "in the middle" (centerline), matching the top-down view
     c.fillStyle = this.dorsalFillStyle;
     c.beginPath();
-    c.moveTo(-s * 0.15, -s * 0.36 + wy(-s * 0.15));
-    c.quadraticCurveTo(s * 0.05, -s * 0.78 + wy(s * 0.05), s * 0.38, -s * 0.4 + wy(s * 0.38));
+    const dorsalBaseY1 = -s * 0.36 * (1 - 0.6 * ev);  // base point 1 moves toward centerline
+    const dorsalPeakY = -s * 0.78 * (1 - ev);         // peak moves to centerline (y=0)
+    const dorsalBaseY2 = -s * 0.4 * (1 - 0.6 * ev);   // base point 2 moves toward centerline
+    c.moveTo(-s * 0.15, dorsalBaseY1 + wy(-s * 0.15));
+    c.quadraticCurveTo(s * 0.05, dorsalPeakY + wy(s * 0.05), s * 0.38, dorsalBaseY2 + wy(s * 0.38));
     c.closePath();
     c.fill();
 
@@ -2553,7 +2558,7 @@ function buildCausticTile() {
   const c = causticTile.getContext("2d");
   
   // Apply blur to make caustics look softer/more realistic
-  c.filter = "blur(4px)"; // v26: tighter blur so the pattern reads clearly
+  c.filter = "blur(6px)"; // v27: softer blur, more realistic caustics
   
   // Draw a few random bright spots/lines that look like refracted light patterns
   for (let i = 0; i < 18; i++) {