All'Ingorgo Andrea sta dentro la folla: dalla vita in giù la gente dello sfondo gli passa davanti, a strisce che saltano a tempo con la folla e col bordo a teste (Andrea: «sembra di volare fra le persone»)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01GiECd9RWGMKV7n3K1mdy8T

src/engine/render.js

@@ -189,6 +189,7 @@ export function render(ctx, game, { hover, spots, debug, time = performance.now(
         if (sheet) queue.push({ y: p.at[1], draw: () => drawSprite(ctx, sheet, game.personPose(p), ...p.at, game.scaleAt(p.at[1]), p.facing ?? 1, p.size) });
     }
     for (const q of queue.sort((a, b) => a.y - b.y)) q.draw();
+    if (!pov) crowdFront(ctx, game, time);
     drawApparitions(ctx, game, time);
     drawPhase(ctx, game);
     drawEffects(ctx, game, time);
@@ -764,6 +765,28 @@ export const EFFECTS = {
         ctx.restore();
     },
 };
+// Andrea dentro la folla dell'Ingorgo (Andrea, 31 ottobre: «sembra di volare fra le persone»): sopra di lui, dalla
+// vita in giù, si ridisegna la gente dello sfondo che gli sta davanti. A strisce come l'effetto `crowd`, con lo stesso
+// sobbalzo a tempo (così le teste davanti saltano con le altre) e il bordo in alto a teste, mai dritto.
+export function crowdFront(ctx, game, time, bg = backgrounds.get(game.backdrop())) {
+    const bands = (game.scene.effects ?? []).filter(e => e.type === 'crowd' && onNow(e, game));
+    if (!bg || !bands.length) return;
+    const s = game.state, h = PERSON * game.scaleAt(s.y), k = bg.width / WIDTH, waist = s.y - h * 0.5, half = Math.ceil(h * 0.3);
+    for (const e of bands) {
+        const [ax, ay, aw, ah] = e.area, step = e.step ?? 5, amount = e.amount ?? 3, beats = time / 60000 * (e.bpm ?? 120);
+        for (let x = ax + Math.floor((s.x - half - ax) / step) * step; x < s.x + half; x += step) {
+            if (x < ax || x >= ax + aw) continue;
+            const i = (x - ax) / step, b = (beats / 2 + hash(i * 17 + ay)) % 1, jump = b < 0.5 ? Math.sin(b * Math.PI) : 0;
+            const dy = Math.round(amount * (0.4 + 0.6 * hash(i * 31 + 5)) * jump);
+            // La testa di chi sta davanti: ogni striscia alla sua altezza, e salta col battito.
+            const edge = Math.round(waist - h * 0.14 * hash(i * 7 + 3)) - dy;
+            const from = Math.max(edge, ay), to = Math.min(s.y + 3, ay + ah - dy);
+            if (to <= from) continue;
+            const w = Math.min(step, ax + aw - x);
+            ctx.drawImage(bg, x * k, (from + dy) * k, w * k, (to - from) * k, x, from, w, to - from);
+        }
+    }
+}
 const BACKGROUND_EFFECTS = new Set(['sway', 'clouds', 'cloth', 'leafshadow', 'crowd', ...Object.keys(ambientEffects)]);
 function drawEffects(ctx, game, time, background = false) {
     for (const e of game.scene.effects ?? []) {