Upload index.html

index.html

@@ -22,7 +22,10 @@
 <script>
 (() => {
 "use strict";
-// ============ Aquarium v10 — bubble pops + per-fish early/normal/late sleep & wake ======
+// ============ Aquarium v10 ALT — hilly terrain (alt) ================================
+// Based on v10: same behavior, but the sand bed is generated as rolling hills that
+// differ on every refresh. Fish skim over crests, and night-time sleep clusters form
+// on the hilly seaweed/grass patches instead of a flat line.
 const canvas = document.getElementById("tank");
 const ctx = canvas.getContext("2d");
 let W = 0, H = 0;
@@ -469,8 +472,31 @@ function buildScene() {
   rocks = [];
   sandHeights = [];
 
+  // ALT: rolling hills instead of a flat bed — three octaves of random sine waves
+  // (broad swells + mid undulations + fine ripples), re-rolled on every refresh.
   const sandTop = H - Math.max(60, H * 0.12);
-  for (let x = 0; x <= W + 40; x += 40) sandHeights.push(sandTop + rand(-8, 14));
+  const hillUp = rand(34, 58);   // tallest crest rises this far above the baseline
+  const hillDown = rand(14, 26); // deepest dip sinks this far below it
+  const waves = [
+    { wl: rand(380, 720), amp: 1.00, ph: rand(0, Math.PI * 2) },  // broad swells
+    { wl: rand(170, 320), amp: 0.45, ph: rand(0, Math.PI * 2) },  // mid undulations
+    { wl: rand(80, 150),  amp: 0.18, ph: rand(0, Math.PI * 2) }   // fine surface ripples
+  ];
+  const raw = [];
+  for (let x = 0; x <= W + 40; x += 40) {
+    let v = 0;
+    for (const wv of waves) v += Math.sin((x / wv.wl) * Math.PI * 2 + wv.ph) * wv.amp;
+    raw.push(v);
+  }
+  // Rescale so the extremes land exactly at the chosen limits — full relief, no clamping
+  let lo = Infinity, hi = -Infinity;
+  for (const v of raw) { if (v < lo) lo = v; if (v > hi) hi = v; }
+  const span = Math.max(0.001, hi - lo);
+  sandHeights.length = 0;
+  for (const v of raw) {
+    const off = -hillUp + ((hi - v) / span) * (hillUp + hillDown); // crest → -hillUp, dip → +hillDown
+    sandHeights.push(sandTop + off);
+  }
 
   // plants grow in bundles of stalks sharing a base patch; each stalk sprouts side branches
   const nClusters = Math.max(6, Math.floor(W / 150));