Add relax timer scene and color collection goal

main.js

@@ -7,6 +7,7 @@
     Body,
     Bodies,
     Constraint,
+    Composites,
     Events,
     Query,
     Vector,
@@ -105,6 +106,8 @@
   let gameOver = false;
   let isPaused = false;
   let levelWon = false;
+  let timerEndMs = null;
+  let lastTimerDisplay = null;
 
   const makeStorageKey = (sceneId) => `physilinks-highscore-${sceneId}`;
 
@@ -199,23 +202,51 @@
     const y = spawnFromBottom
       ? height + config.ballRadius * 2
       : -config.ballRadius * 2;
-    const ball = createBallBody(x, y, color);
-    ball.plugin = {
-      color,
-      hasEntered: false,
-      entryCheckId: null,
-      squishX: 1,
-      squishY: 1,
-    };
-    balls.push(ball);
-    World.add(world, ball);
-    ball.plugin.entryCheckId = setTimeout(() => {
-      ball.plugin.entryCheckId = null;
-      if (gameOver) return;
-      if (!ball.plugin.hasEntered && Math.abs(ball.velocity.y) < 0.2) {
-        triggerGameOver();
+    const batchMin = currentScene?.config?.spawnBatchMin ?? 1;
+    const batchMax = currentScene?.config?.spawnBatchMax ?? 1;
+    const batchCount =
+      batchMin === batchMax
+        ? batchMin
+        : Math.max(
+            batchMin,
+            Math.floor(Math.random() * (batchMax - batchMin + 1)) + batchMin,
+          );
+    for (let i = 0; i < batchCount; i += 1) {
+      const blob = createBallBodies(
+        Math.min(
+          Math.max(
+            config.ballRadius + 10,
+            x + (i - batchCount / 2) * config.ballRadius * 1.5,
+          ),
+          width - config.ballRadius - 10,
+        ),
+        y +
+          i *
+            (spawnFromBottom
+              ? -config.ballRadius * 0.5
+              : config.ballRadius * 0.5),
+        color,
+      );
+      if (blob.constraints.length > 0 && blob.blobId) {
+        blobConstraints.set(blob.blobId, blob.constraints);
       }
-    }, 1500);
+      blob.bodies.forEach((body) => {
+        balls.push(body);
+        World.add(world, body);
+        if (!currentScene?.config?.noGameOver) {
+          body.plugin.entryCheckId = setTimeout(() => {
+            body.plugin.entryCheckId = null;
+            if (gameOver) return;
+            if (!body.plugin.hasEntered && Math.abs(body.velocity.y) < 0.2) {
+              triggerGameOver();
+            }
+          }, 1500);
+        }
+      });
+      if (blob.constraints.length > 0) {
+        World.add(world, blob.constraints);
+      }
+    }
   };
 
   const startSpawner = () => {
@@ -294,6 +325,7 @@
   };
 
   const triggerGameOver = () => {
+    if (currentScene?.config?.noGameOver) return;
     if (gameOver) return;
     gameOver = true;
     isPaused = false;
@@ -313,6 +345,15 @@
     score = 0;
     clearedCount = 0;
     clearedByColor = {};
+    const winCond = currentScene?.config?.winCondition;
+    if (winCond?.type === "timer") {
+      const duration = winCond.durationSec ?? 120;
+      timerEndMs = Date.now() + duration * 1000;
+      lastTimerDisplay = null;
+    } else {
+      timerEndMs = null;
+      lastTimerDisplay = null;
+    }
     resetChainVisuals();
     balls.forEach((ball) => {
       cleanupBall(ball);
@@ -654,11 +695,11 @@
     config.ballRadius = nextRadius;
   };
 
-  const createBallBody = (x, y, color) => {
+  const createBallBodies = (x, y, color) => {
     const commonOpts = {
       restitution: 0.72,
       friction: 0.01,
-      frictionAir: 0.015,
+      frictionAir: 0.012,
       render: {
         fillStyle: color,
         strokeStyle: "#0b1222",
@@ -666,20 +707,38 @@
       },
     };
     if (currentScene?.config?.blobBalls) {
-      const points = [];
-      const segments = 12;
-      for (let i = 0; i < segments; i += 1) {
-        const angle = (i / segments) * Math.PI * 2;
-        const variance = 0.75 + Math.random() * 0.35;
-        const r = config.ballRadius * variance;
-        points.push({
-          x: x + Math.cos(angle) * r,
-          y: y + Math.sin(angle) * r,
-        });
-      }
-      return Bodies.fromVertices(x, y, [points], commonOpts);
+      const cols = 3;
+      const rows = 2;
+      const radius = Math.max(10, config.ballRadius * 0.55);
+      const soft = Composites.softBody(
+        x - cols * radius * 1.2,
+        y - rows * radius * 1.2,
+        cols,
+        rows,
+        0,
+        0,
+        true,
+        radius,
+        commonOpts,
+      );
+      const blobId = `blob-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+      soft.bodies.forEach((b) => {
+        b.plugin = {
+          color,
+          hasEntered: false,
+          entryCheckId: null,
+          blobId,
+        };
+      });
+      soft.constraints.forEach((c) => {
+        c.plugin = { blobId, blobConstraint: true };
+        c.render = c.render || {};
+        c.render.type = "line";
+      });
+      return { bodies: soft.bodies, constraints: soft.constraints, blobId };
     }
-    return Bodies.circle(x, y, config.ballRadius, commonOpts);
+    const body = Bodies.circle(x, y, config.ballRadius, commonOpts);
+    return { bodies: [body], constraints: [], blobId: null };
   };
 
   const normalizeColor = (c) => (c || "").trim().toLowerCase();
@@ -687,6 +746,19 @@
   const getGoalState = () => {
     const winCond = currentScene?.config?.winCondition;
     if (!winCond) return null;
+    if (winCond.type === "timer") {
+      const duration = winCond.durationSec ?? 120;
+      const now = Date.now();
+      const end = timerEndMs || now + duration * 1000;
+      const remainingMs = Math.max(0, end - now);
+      const remainingSec = Math.ceil(remainingMs / 1000);
+      const elapsed = Math.max(0, duration - remainingSec);
+      return {
+        label: `${String(Math.floor(remainingSec / 60)).padStart(2, "0")}:${String(remainingSec % 60).padStart(2, "0")}`,
+        progress: duration > 0 ? (100 * elapsed) / duration : 0,
+        met: remainingMs <= 0,
+      };
+    }
     if (winCond.type === "clearCount") {
       const target = winCond.target ?? 0;
       const remaining = Math.max(0, target - clearedCount);
@@ -850,23 +922,19 @@
       Body.setPosition(b, target);
       Body.setVelocity(b, { x: 0, y: 0 });
     });
-    if (currentScene?.config?.blobBalls) {
-      balls.forEach((ball) => {
-        if (!ball.plugin) return;
-        const speed = Vector.magnitude(ball.velocity || { x: 0, y: 0 });
-        const squeeze = Math.min(0.22, speed / 20);
-        const targetX = 1 + squeeze;
-        const targetY = Math.max(0.7, 1 - squeeze);
-        const currX = ball.plugin.squishX || 1;
-        const currY = ball.plugin.squishY || 1;
-        const factorX = targetX / currX;
-        const factorY = targetY / currY;
-        if (Math.abs(factorX - 1) > 0.02 || Math.abs(factorY - 1) > 0.02) {
-          Body.scale(ball, factorX, factorY);
-          ball.plugin.squishX = targetX;
-          ball.plugin.squishY = targetY;
-        }
-      });
+    if (timerEndMs) {
+      const winCond = currentScene?.config?.winCondition;
+      const duration = winCond?.durationSec ?? 120;
+      const now = Date.now();
+      const remainingMs = Math.max(0, timerEndMs - now);
+      const remainingSec = Math.ceil(remainingMs / 1000);
+      if (lastTimerDisplay !== remainingSec) {
+        lastTimerDisplay = remainingSec;
+        updateHud();
+      }
+      if (remainingMs <= 0 && !levelWon) {
+        checkWinCondition();
+      }
     }
   });