Versione 0.1.44

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

assets/voices/index.json

@@ -1187,14 +1187,6 @@
   "file": "andrea-00f2e70a4d.mp3",
   "sec": 2.95
  },
- "andrea|La Ghiacciomobile nera. Hai visto cose che noi poveri umani non potremmo neppur lontanamente immaginare.": {
-  "file": "andrea-7be29434e0.mp3",
-  "sec": 7.25
- },
- "andrea|Con questo sole, di ghiaccio c'è rimasto giusto il nome. Vo a piedi.": {
-  "file": "andrea-def44809bc.mp3",
-  "sec": 5.08
- },
  "andrea|Il circolino: il Circolo SMS di Campomigliaio. Un'istituzione, qui i volontari hanno sempre fatto miracoli.": {
   "file": "andrea-90bbad0de0.mp3",
   "sec": 9.59
@@ -1627,6 +1619,14 @@
   "file": "andrea-7c17aa384c.mp3",
   "sec": 3.2
  },
+ "andrea|La Ghiacciomobile nera, mezza dentro il muro. Hai visto cose che noi poveri umani non potremmo neppur lontanamente immaginare.": {
+  "file": "andrea-decbc1c807.mp3",
+  "sec": 9.49
+ },
+ "andrea|Per tirarla fuori di lì ci vuole altro che le mie braccia.": {
+  "file": "andrea-a193a43f3e.mp3",
+  "sec": 3.78
+ },
  "andrea|Nessuno ha mai capito davvero il tuo immenso valore.": {
   "file": "andrea-3e85200509.mp3",
   "sec": 2.93

docs/IMMAGINI.md

@@ -31,6 +31,7 @@ ne è un'opera derivata. Le foto scattate da Andrea non hanno problemi; quelle p
 | `provinciale-pignone.png`, `piazzetta-cambray-digny.png`, `via-cipriani.png`, `via-massorondinaio.png`, `mozzete.png`, `ponticino-mozzete.png`, `coldaia.png`, `falegnameria-coldaia.png`, `gabbiano.png` | Codex | screenshot di Google Street View | Google | **no**: da rifare con foto di Andrea |
 | `closeups/micro-parcheggio.png`, `closeups/micro/*.png` (macchinine) | Codex, solo testo | nessuna | — | sì |
 | `characters/chiaru.png` | Codex | `foto/chiaru.jpg` | Andrea (29 ottobre) | sì (il Chiaru consenziente) |
+| `via-liguri-magelli-muro.png` | Codex, ritocco di `via-liguri-magelli.png` con la Ghiacciomobile nel muro | come `via-liguri-magelli.png` | Street View | **no**: come lo sfondo da cui viene |
 | `cardetole.png` | Codex | `cardetole.jpg` | Andrea (EXIF) | **da decidere**: è la casa vera di Andrea, pubblicarla dice dove abita |
 | `pieve-interno.png` | Codex | `pieve-interno.png` | Mariano Mirannalti (mandata ad Andrea su WhatsApp) | sì, se Mariano è d'accordo; citarlo nei crediti |
 | `panorama-intro.png` | Codex | `altre/panorama-intro.png` | da internet (screenshot con l'icona di Google Lens) | **no**, finché non si sostituisce |

docs/STATO.md

@@ -18,11 +18,18 @@ Online su 50037.manzolo.it tutto fino agli effetti ambientali di Codex. Aperto,
 
 ## Dove siamo arrivati
 
+- **La Ghiacciomobile nel muro (29 ottobre)**: non è più al circolino di Campomigliaio. In Via Liguri Magelli, prima
+  del tramonto (`!indizio_regolo`), è schiantata dentro il muro giallo coi mattoni rotti e senza targa
+  (`via-liguri-magelli-muro.png`, ritocco di Codex); dal tramonto il muro è rifatto e c'è la targa. Il motore ha le
+  varianti di sfondo per scena (`backdrops`, con `when`; `game.backdrop()`). [DA ANDREA] lo zio Mario che guarda
+  come tirarla fuori, e la battuta dello schianto.
 - **GP di Fortezza, guida semplice (29 ottobre)**: alla bona e Seria si tiene premuto per il gas e lasciando si
   frena; lo sterzo segue la strada da solo (scansa le buche, sorpassa, prende la miscela), ma oltre la velocità che la
   curva regge il motorino scivola fuori verso la paglia (`SIMPLE` in `gara.js`). Ginocchio in terra resta con lo
   sterzo vero. Il pannello nasconde Sterza, Frena, swipe e sensibilità. Test in `gara.test.mjs` e
-  `npm run browser:gara`.
+  `npm run browser:gara`. Seria più difficile (parere di Codex, simulato): sopra il 110% del limite in curva si esce
+  di sicuro (stun 1,2 s), la curva pulita dà una spinta, rivali a 0,81; CURVA! (preavviso) e LASCIA! sul motorino.
+  In simulazione: chi frena giusto 1° in 46 s, tutto gas 4°-5° in 55-59 s.
 - **La pista col gesso (29 ottobre, modifiche locali)**: le Micro Machines sul parcheggio di Cardetole contro il
   Chiaru (Matteo Chiarusi, sprite di Codex dalla foto di Andrea, accanto alla pista). Motore in `micro.js`, disegno in
   `micro-render.js`: pista disegnata a gesso dal codice sopra l'asfalto di Codex (`micro-parcheggio.png`), un giro,

index.html

@@ -228,7 +228,9 @@
       <p>Il GP di Fortezza: tre giri attorno alle mura coi cinquantini. <b>Alla bona e Seria</b> la guida è semplice:
       tieni premuto sulla scena (o Spazio, o il pulsante Gas) per accelerare e lascia per frenare; lo sterzo segue la
       strada da solo, scansa le buche e sorpassa. Ma se entri in curva troppo forte scivoli fuori, e nella paglia ti
-      fermi: molla prima delle curve.</p>
+      fermi: molla prima delle curve. Sopra il motorino «CURVA!» avvisa che ne arriva una, «LASCIA!» dice quando
+      mollare. A Seria chi entra in curva troppo forte va fuori di sicuro, e chi la prende giusta fa la «curva pulita»
+      ed esce con una spinta in più.</p>
       <p><b>Ginocchio in terra</b> si guida davvero. Con un solo dito: tieni premuto sulla scena per
       il gas e trascina verso la direzione in cui vuoi andare sullo schermo. A destra vai verso destra, anche quando
       il motorino scende. I piccoli movimenti non sterzano; il cerchietto segue gli swipe lunghi. Alza il dito per

package.json

@@ -1,6 +1,6 @@
 {
   "name": "leggenda-del-regolo",
-  "version": "0.1.41",
+  "version": "0.1.44",
   "private": true,
   "type": "module",
   "scripts": {

src/engine/game.js

@@ -162,6 +162,9 @@ export class Game {
     }
 
     get scene() { return this.story.scenes[this.state.scene]; }
+    // Lo sfondo di adesso: la prima variante della scena (`backdrops`, ognuna con la sua condizione `when`) che vale,
+    // sennò il suo `background`. Così un posto cambia con la storia (la Ghiacciomobile nel muro, poi la targa).
+    backdrop(scene = this.scene) { return scene.backdrops?.find(b => check(b.when, this.state))?.src ?? scene.background; }
     // Occupato: c'è qualcosa in corso che il giocatore non può interrompere. La camminata verso un punto
     // o verso un oggetto si può sempre cambiare con un altro clic: la coda che la seguiva viene scartata.
     get busy() { return !!this.speech || !!this.closeup || this.reach > 0 || (this.task ? !this.task.interruptible : this.queue.length > 0); }

src/engine/gara-render.js

@@ -1,4 +1,4 @@
-import { TRACK, CURVES, PICKUPS, BRAKE, LAPS, COUNTDOWN, ROAD, VERGE, CAN, SWIPE, pointAt, standings, player, lapOf, presenting, placeOf, INTRO } from './gara.js';
+import { TRACK, CURVES, PICKUPS, BRAKE, LAPS, COUNTDOWN, ROAD, VERGE, CAN, SWIPE, pointAt, standings, player, lapOf, presenting, placeOf, INTRO, mustLift, PREAVVISO } from './gara.js';
 import { text, panel } from './bocce-render.js';
 import { ambientHash as hash } from './ambient.js';
 
@@ -216,6 +216,12 @@ function result(ctx, c) {
     });
 }
 
+// Una scritta sopra il motorino di Andrea, su un fondo scuro perché si legga anche sullo sterrato e sul telefono.
+function tag(ctx, line, r, color) {
+    const x = Math.round(r.x), y = Math.round(r.y) - 20, w = line.length * 9 + 10;
+    ctx.fillStyle = 'rgba(23,22,15,0.85)'; ctx.fillRect(x - w / 2, y - 7, w, 14);
+    text(ctx, line, x, y, 10, color, 'center');
+}
 export function drawGara(ctx, c, def, bg, look = () => null, sheet = () => null) {
     ctx.save();
     if (bg) ctx.drawImage(bg, 0, 0, 640, 360);
@@ -232,6 +238,10 @@ export function drawGara(ctx, c, def, bg, look = () => null, sheet = () => null)
     const me = player(c);
     if (c.step === 'race' && me.out > 0) text(ctx, me.lastHole !== undefined ? 'NELLA BUCA!' : 'NELLA PAGLIA!', 320, 180, 10, '#ffe28a', 'center');
     if (c.step === 'race' && me.boost > 0 && me.out <= 0) text(ctx, 'MISCELA!', 320, 180, 8, '#ffb030', 'center');
+    // La guida semplice: LASCIA! sopra il motorino quando serve frenare, e la curva pulita.
+    if (c.step === 'race' && c.holding && mustLift(c)) { if (Math.floor(c.age * 8) % 2) tag(ctx, 'LASCIA!', me, '#ff6a4a'); }
+    else if (c.step === 'race' && c.holding && mustLift(c, PREAVVISO)) tag(ctx, 'CURVA!', me, '#ffe28a');
+    if (c.step === 'race' && c.clean !== undefined && c.t - c.clean < 1.2) text(ctx, 'CURVA PULITA!', 320, 180, 9, '#b9e5b3', 'center');
     if (c.step === 'result') result(ctx, c);
     ctx.restore();
 }

src/engine/gara.js

@@ -56,7 +56,10 @@ export const RIDERS = [
 // tiene lo sterzo vero.
 export const LEVELS = {
     bona: { rivals: 0.74, stun: 0.4, guide: 'zone', simple: true },
-    seria: { rivals: 0.84, stun: 0.9, guide: 'coni', simple: true },
+    // Seria (Andrea, 29 ottobre: «chi non rallenta in curva deve andare fuori»; valori proposti da Codex e simulati):
+    // si scivola di più, sopra il limite in curva si esce per forza, e la curva pulita dà una spinta.
+    seria: { rivals: 0.81, stun: 1.2, guide: 'coni', simple: true,
+        tune: { slide: 12, clean: { min: 0.85, slack: 2, time: 0.6, accel: 1.2 }, force: { over: 1.1, hold: 0.18, apex: 1.15, time: 0.3, guard: 0.6 } } },
     male: { rivals: 0.93, stun: 1.4, guide: null },
 };
 // `def.simple` la forza (i test della guida vera la spengono anche alla bona).
@@ -159,7 +162,7 @@ export function newGara(seed = Date.now() >>> 0, def = {}) {
     });
     if (!riders.some(r => r.id === 'andrea')) throw new Error('Nella gara manca Andrea');
     for (const r of riders) { r.grid = r.s; r.shown = false; }
-    return { step: 'intro', t: 0, age: 0, seed, level, skill, simple: def.simple ?? !!skill.simple, riders, holding: false, braking: false, keys: { left: false, right: false, gas: new Set(), brake: false },
+    return { step: 'intro', t: 0, age: 0, seed, level, skill, simple: def.simple ?? !!skill.simple, tune: { ...SIMPLE, ...skill.tune }, riders, holding: false, braking: false, keys: { left: false, right: false, gas: new Set(), brake: false },
         pointer: null, toggle: false, brakeButton: false, drag: 0, buttons: 0, anchor: null, finger: null, sens: SWIPE.sens,
         power: SWIPE.sens, accumulator: 0, events: [], result: null, order: riders.map(r => r.id), taken: {} };
 }
@@ -269,11 +272,53 @@ const follow = r => { const aim = pointAt(r.s + 14 + r.v * 0.18, r.lane * 0.6);
 // La guida semplice di Andrea: lo sterzo scansa le buche, sorpassa e va sulle lattine di miscela; ma oltre la velocità
 // che la curva regge (la più stretta nei SIMPLE.window pixel davanti) il motorino scivola verso l'esterno, tanto più
 // quanto si esagera (SIMPLE.slide): a tutto gas, nelle curve vere si finisce nella paglia.
-export const SIMPLE = { grip: 1, slide: 8, window: 50 };
-export function simpleLimit(r, s = r.s) {
+// Ogni livello può stringere (LEVELS.*.tune). `clean`: il premio della curva pulita, presa senza mai passare il
+// limite (`slack` px/s di tolleranza) e senza frenare troppo (almeno `min` del limite): per `time` secondi in uscita
+// si accelera di più (`accel`), senza superare la velocità massima. `force`: l'uscita sicura, sopra `over` volte il
+// limite per `hold` secondi (o `apex` volte nel punto più stretto) si va nella paglia in `time` secondi, una volta per
+// curva; rientrati, `guard` secondi di tregua.
+export const SIMPLE = { grip: 1, slide: 8, window: 50, clean: null, force: null };
+export function simpleLimit(r, s = r.s, tune = SIMPLE) {
     let low = Infinity;
-    for (let d = -10; d <= SIMPLE.window; d += STEP) low = Math.min(low, limitAt(s + d));
-    return low * r.grip * SIMPLE.grip;
+    for (let d = -10; d <= tune.window; d += STEP) low = Math.min(low, limitAt(s + d));
+    return low * r.grip * tune.grip;
+}
+// La curva in corso: dentro si tiene il peggio dell'eccesso e la velocità più bassa (per il premio), e si guarda se
+// si è andati troppo forte abbastanza a lungo (per l'uscita sicura).
+function judgeCurve(c, r, dt) {
+    const tune = c.tune, s = ((r.s % TRACK.length) + TRACK.length) % TRACK.length;
+    const k = CURVES.find(k => s >= k.start - 20 && s <= k.end + 10);
+    if (k) {
+        const w = r.curve?.k === k ? r.curve : (r.curve = { k, excess: 0, slow: Infinity, over: 0, fault: false });
+        w.excess = Math.max(w.excess, r.excess); w.slow = Math.min(w.slow, r.v);
+        const f = tune.force, limit = limitAt(k.apex) * r.grip * tune.grip;
+        if (f && !w.fault && !(r.guard > 0) && r.out === 0) {
+            w.over = r.v > limit * f.over ? w.over + dt : 0;
+            if (w.over >= f.hold || (Math.abs(s - k.apex) < STEP * 2 && r.v > limit * f.apex)) { w.fault = true; r.forced = f.time; }
+        }
+        return;
+    }
+    const w = r.curve; r.curve = null;
+    if (!w || !tune.clean || w.fault) return;
+    const limit = limitAt(w.k.apex) * r.grip * tune.grip;
+    if (w.excess <= tune.clean.slack && w.slow >= limit * tune.clean.min && r.out === 0) {
+        r.push = tune.clean.time; r.cleans = (r.cleans ?? 0) + 1;
+        c.events.push({ kind: 'gara-giro', who: r.id, power: 1 }); c.clean = c.t;
+    }
+}
+// Andrea, nella guida semplice, deve lasciare entro `lead` secondi per arrivare alle curve davanti sotto il limite.
+// Sopra il motorino: CURVA! in giallo con PREAVVISO secondi d'anticipo, poi LASCIA! in rosso quando è il momento (sul
+// telefono non serve l'istante preciso, e lasciare troppo presto, che qui vuol dire frenare, non conviene).
+export const PREAVVISO = 0.7, LIFT = 0;
+export function mustLift(c, lead = LIFT) {
+    const r = player(c);
+    if (!simple(c) || c.step !== 'race' || r.out > 0) return false;
+    const horizon = r.v * r.v / (2 * BRAKE) + r.v * lead + 10;
+    for (let d = 0; d <= horizon; d += 4) {
+        const a = simpleLimit(r, r.s + d, c.tune), room = Math.max(0, d - r.v * lead);
+        if (r.v > a && r.v * r.v > a * a + 2 * BRAKE * room) return true;
+    }
+    return false;
 }
 function autopilot(c, r) {
     const next = PICKUPS.find(p => p.kind !== 'boost' && ahead(r.s, p.s) < 30 + r.v * 0.6);
@@ -282,7 +327,7 @@ function autopilot(c, r) {
     if (next?.kind === 'buca') r.lane = next.lane > 0 ? -5 : 5;
     else if (slow) r.lane = slow.lat > 0 ? -6 : 6;
     else if (next?.kind === 'miscela') r.lane = next.lane;
-    r.excess = Math.max(0, r.v - simpleLimit(r));
+    r.excess = Math.max(0, r.v - simpleLimit(r, r.s, c.tune));
     return follow(r);
 }
 // Gli avversari: guardano un punto più avanti sulla loro corsia e ci sterzano; danno gas finché, frenando da qui,
@@ -309,24 +354,28 @@ function drive(c, r) {
 }
 function stepRider(c, r, dt) {
     if (r.finished !== null) { r.gas = false; r.brake = false; drive(c, r); r.gas = false; }
-    else if (r.out > 0) { r.out = Math.max(0, r.out - dt); r.v = 0; r.u = 0; return; }
-    else if (r.id === 'andrea' && simple(c)) { r.gas = c.holding; r.brake = !c.holding; r.steer = autopilot(c, r); }
+    else if (r.out > 0) { r.out = Math.max(0, r.out - dt); r.v = 0; r.u = 0; if (!r.out && c.tune.force) r.guard = c.tune.force.guard; return; }
+    else if (r.id === 'andrea' && simple(c)) { r.gas = c.holding; r.brake = !c.holding; r.steer = autopilot(c, r); judgeCurve(c, r, dt); }
     else if (r.id === 'andrea') { r.gas = c.holding; r.brake = c.braking; r.steer = steering(c); }
     else drive(c, r);
     if (r.finished !== null) r.gas = false;
     const grass = Math.abs(r.lat) > ROAD, top = r.vmax * (r.boost > 0 ? BOOST.speed : 1) * (grass ? 0.5 : 1);
     // Il freno vince sul gas: chi li tiene tutti e due frena.
-    if (r.brake) r.v -= BRAKE * dt;
-    else if (r.gas) r.v += r.accel * dt * (1 - 0.4 * r.v / top) * (r.boost > 0 ? 1.6 : 1);
+    if (r.brake) { r.v -= BRAKE * dt; r.push = 0; }
+    else if (r.gas) r.v += r.accel * dt * (1 - 0.4 * r.v / top) * (r.boost > 0 ? 1.6 : 1) * (r.push > 0 ? c.tune.clean.accel : 1);
     else r.v -= COAST * dt;
     if (r.v > top) r.v = Math.max(top, r.v - 120 * dt);
     r.v = Math.max(0, r.v);
     r.boost = Math.max(0, r.boost - dt);
+    if (r.push) r.push = Math.max(0, r.push - dt);
+    if (r.guard) r.guard = Math.max(0, r.guard - dt);
     // Lo sterzo: da fermi non si gira; in curva una parte della velocità resta per traverso e si scivola fuori.
     const turn = r.steer * TURN * Math.min(1, r.v / 22) * dt;
     r.a = wrapAngle(r.a + turn);
     r.u -= r.v * Math.sin(turn) * SLIDE * (r.v / r.vmax) / r.grip;
-    if (r.excess) r.u -= TRACK.side[r.idx] * r.excess * SIMPLE.slide * dt; // la guida semplice: troppo forte, si allarga
+    if (r.excess) r.u -= TRACK.side[r.idx] * r.excess * c.tune.slide * dt; // la guida semplice: troppo forte, si allarga
+    // L'uscita sicura: verso l'esterno della curva, e lo sterzo non la salva.
+    if (r.forced > 0) { r.forced = Math.max(0, r.forced - dt); r.u = -(r.curve?.k.side ?? TRACK.side[r.idx]) * 90; r.v = Math.max(r.v, 30); }
     r.u *= Math.exp(-GRIP * r.grip * dt);
     r.x += (Math.cos(r.a) * r.v - Math.sin(r.a) * r.u) * dt;
     r.y += (Math.sin(r.a) * r.v + Math.cos(r.a) * r.u) * dt;
@@ -335,7 +384,8 @@ function stepRider(c, r, dt) {
     if (Math.abs(r.lat) > VERGE) {
         const h = TRACK.heading[r.idx], p = TRACK.pts[r.idx], side = Math.sign(r.lat), back = side * (VERGE - 1);
         r.x = p[0] - Math.sin(h) * back; r.y = p[1] + Math.cos(h) * back; r.lat = back; r.u = 0;
-        if (r.v > 40 && r.finished === null) {
+        if ((r.v > 40 || r.forced > 0) && r.finished === null) {
+            r.forced = 0;
             r.out = c.skill.stun * (r.id === 'andrea' ? 1 : 0.7); r.offs++; r.risk = 1;
             c.events.push({ kind: 'gara-fuori', who: r.id, power: r.id === 'andrea' ? 1 : 0.4 });
         }
@@ -442,7 +492,9 @@ export function status(c) {
     const me = player(c), place = placeOf(c);
     if (me.out > 0) return me.lastHole !== undefined ? 'Nella buca! Ci si rialza…' : 'Nella paglia! Si riparte…';
     if (me.boost > 0) return `Giro ${lapOf(me)} di ${LAPS}, ${place}° posto. Miscela!`;
-    if (simple(c)) return `Giro ${lapOf(me)} di ${LAPS}, ${place}° posto. ${c.holding ? 'Gas!' : 'Freno.'}`;
+    if (simple(c)) return `Giro ${lapOf(me)} di ${LAPS}, ${place}° posto. ${c.clean !== undefined && c.t - c.clean < 1.5 ? 'Curva pulita!' : mustLift(c) && c.holding ? 'Lascia!' : mustLift(c, PREAVVISO) && c.holding ? 'Curva!' : c.holding ? 'Gas!' : 'Freno.'}`;
     return `Giro ${lapOf(me)} di ${LAPS}, ${place}° posto. ${c.braking ? 'Freno!' : c.holding ? 'Gas!' : 'Senza gas.'}`;
 }
-export const button = c => c.step === 'intro' ? 'Avanti' : c.step === 'result' ? 'Finita' : c.holding ? 'Molla' : 'Gas';
+// Nella guida semplice il pulsante si tiene premuto: la scritta resta Gas (su iPhone un pulsante che cambia sotto il dito
+// perde il tocco).
+export const button = c => c.step === 'intro' ? 'Avanti' : c.step === 'result' ? 'Finita' : simple(c) ? 'Gas' : c.holding ? 'Molla' : 'Gas';

src/engine/render.js

@@ -131,7 +131,7 @@ export function backgroundOrder(story, first) {
         for (const h of story.scenes[queue[i]]?.hotspots ?? [])
             if (h.exit && story.scenes[h.exit.scene] && !seen.has(h.exit.scene)) { seen.add(h.exit.scene); queue.push(h.exit.scene); }
     for (const id of Object.keys(story.scenes)) if (!seen.has(id)) queue.push(id);
-    return [...new Set(queue.map(id => story.scenes[id].background).filter(Boolean))];
+    return [...new Set(queue.flatMap(id => [story.scenes[id].background, ...(story.scenes[id].backdrops ?? []).map(b => b.src)]).filter(Boolean))];
 }
 
 // Il personaggio alto PERSON pixel a grandezza 1 (per `size` 1), con i piedi in (x, y); rivolto a sinistra si specchia.
@@ -153,8 +153,8 @@ function drawSprite(ctx, { atlas, img }, frame, x, y, scale, facing, size = 1) {
 }
 
 export function render(ctx, game, { hover, spots, debug, time = performance.now() } = {}) {
-    const scene = game.scene, s = game.state, bg = backgrounds.get(scene.background);
-    if (!bg && scene.background) loadBackground(scene.background);
+    const scene = game.scene, s = game.state, backdrop = game.backdrop(), bg = backgrounds.get(backdrop);
+    if (!bg && backdrop) loadBackground(backdrop);
     ctx.imageSmoothingEnabled = false;
     ctx.clearRect(0, 0, WIDTH, HEIGHT);
     if (bg) ctx.drawImage(bg, 0, 0, WIDTH, HEIGHT);
@@ -395,7 +395,7 @@ export const EFFECTS = {
     // Alberi al vento (i cipressi): il pezzo di sfondo si piega tutto insieme dalla base, di frazioni di pixel e con
     // due onde lente sovrapposte, così il movimento è morbido e non a scatti.
     sway(ctx, e, time, game) {
-        const bg = backgrounds.get(game.scene.background);
+        const bg = backgrounds.get(game.backdrop());
         if (!bg) return;
         const k = bg.width / WIDTH, amount = e.amount ?? 3.2;
         for (const [i, [x, y, w, h]] of e.rects.entries()) {
@@ -412,7 +412,7 @@ export const EFFECTS = {
     // ognuna a una sua altezza e velocità, uscita da un lato rientra dall'altro. Si vedono solo dove lo sfondo è
     // cielo (skyMask): passano dietro alberi, torri e tetti. Le due grandi solo coi cieli larghi (`big`).
     clouds(ctx, e, time, game) {
-        const bg = backgrounds.get(game.scene.background), mask = bg && skyMask(bg);
+        const bg = backgrounds.get(game.backdrop()), mask = bg && skyMask(bg);
         if (!mask) return;
         const layer = scratch(), lc = layer.getContext('2d'), [ax, ay, aw, ah] = e.area;
         const pool = e.big ? CLOUDS : CLOUDS.slice(2);
@@ -452,7 +452,7 @@ export const EFFECTS = {
     // Una bandiera dipinta nello sfondo che sventola: a strisce verticali che salgono e scendono, ferme dalla parte
     // dell'asta (`pole`: 'left' o 'right') e sempre più mosse verso il lembo libero.
     cloth(ctx, e, time, game) {
-        const bg = backgrounds.get(game.scene.background);
+        const bg = backgrounds.get(game.backdrop());
         if (!bg) return;
         const k = bg.width / WIDTH;
         for (const [i, [x, y, w, h]] of e.rects.entries()) {

src/main.js

@@ -634,7 +634,17 @@ for (const ev of ['pointerup', 'pointercancel', 'lostpointercapture']) $('gara-p
     padPointer = null; $('gara-pad').classList.remove('active');
 });
 $('gara-pad').addEventListener('contextmenu', e => e.preventDefault());
-$('bocce-throw').addEventListener('click', () => { const c = miniState(); if (c && !game.speech) mini().shoot?.(c); });
+// GP, guida semplice: il pulsante Gas si tiene premuto (giù gas, su freno) invece di accendersi e spegnersi al clic;
+// sul telefono, alla bona, il clic arrivava solo alzando il dito (Andrea, 29 ottobre).
+const holdGas = c => !!c && story.closeups[c.id].type === 'gara' && gara.simple(c) && c.step !== 'intro' && c.step !== 'result';
+$('bocce-throw').addEventListener('click', () => { const c = miniState(); if (c && !game.speech && !holdGas(c)) mini().shoot?.(c); });
+$('bocce-throw').addEventListener('pointerdown', e => {
+    const c = miniState(); if (!holdGas(c) || game.speech) return;
+    e.preventDefault();
+    if (gara.press(c, 'gas-button')) try { $('bocce-throw').setPointerCapture(e.pointerId); } catch { /* un tocco sintetico: va bene lo stesso */ }
+});
+for (const ev of ['pointerup', 'pointercancel', 'lostpointercapture']) $('bocce-throw').addEventListener(ev, () => { const c = miniState(); if (holdGas(c)) gara.release(c, 'gas-button'); });
+$('bocce-throw').addEventListener('contextmenu', e => { if (holdGas(miniState())) e.preventDefault(); });
 // Le carte da gioco: dove si tocca la carta sul tavolo, gioco per gioco.
 const CARD_AT = { briscola: cardAt, tressette: tressetteAt, scopa: scopaAt };
 for (let i = 0; i < 3; i++) {
@@ -935,7 +945,10 @@ function updateUi() {
     updateSpeech();
     const mg = miniState() && mini(), def = mg && story.closeups[c.id];
     const cards = ['briscola', 'tressette', 'scopa'].includes(def?.type);
-    setProp($('bocce-controls'), 'hidden', !mg || cards);
+    // La presentazione dei piloti del GP a tutto schermo: i comandi arrivano col semaforo (Andrea, 29 ottobre).
+    const presenta = !!mg && story.closeups[c.id].type === 'gara' && c.step === 'intro';
+    $('app').classList.toggle('presenta', presenta);
+    setProp($('bocce-controls'), 'hidden', !mg || cards || presenta);
     setProp($('bocce-controls'), 'inert', !running);
     setProp($('briscola-controls'), 'hidden', def?.type !== 'briscola');
     setProp($('briscola-controls'), 'inert', !running);
@@ -1027,6 +1040,7 @@ function updateUi() {
         setText($('bocce-left'), def.type === 'gara' ? '← Sterza' : '← Mira');
         setText($('bocce-right'), def.type === 'gara' ? 'Sterza →' : 'Mira →');
         setProp($('gara-brake'), 'hidden', def.type !== 'gara' || easy);
+        $('bocce-throw').classList.toggle('hold', easy);
         setProp($('gara-brake'), 'disabled', !(mg.canAdjust?.(c) ?? false) || !!game.speech);
         setText($('bocce-throw'), mg.button?.(c) ?? (c.step === 'result' ? 'Finita' : c.step === 'rolling' ? 'In movimento…' : c.current === 'cpu' ? `Tira ${def.names.cpu}…` : def.type === 'bocce' ? 'Lancia' : 'Tira'));
         setProp($('bocce-help'), 'hidden', def.type !== 'bocce');
@@ -1085,7 +1099,7 @@ function frame(now) {
     ambience.update(soundscapeFor(game?.state.scene, game?.closeup?.id), game?.phase()?.id, dt);
     // A gioco fermo (titolo, pausa, fine) la scena non cambia: un ultimo disegno e poi niente, per la batteria del
     // telefono. Si ridisegna solo se nel frattempo arriva lo sfondo che mancava.
-    const still = game && !running && `${game.state.scene}|${hasBackground(game.scene.background)}`;
+    const still = game && !running && `${game.state.scene}|${hasBackground(game.backdrop())}`;
     if (game && (!still || still !== drawnStill)) {
         if (running) game.update(dt);
         render(ctx, game, { hover: debug && hoverTarget ? game.hotspot(hoverTarget) : null, spots: running && now < spotsUntil, debug: debugView() });

src/story/story.js

@@ -2116,23 +2116,11 @@ export const story = {
             entry: [320, 330],
             // L'Arcu davanti al circolino, accanto alla fontanella (sprite di Codex, 25 ottobre).
             speakers: { arcu: [418, 214] },
+            // La Ghiacciomobile non è più qui: sta nel muro di Via Liguri Magelli (Andrea, 29 ottobre).
             people: [
                 { who: 'arcu', at: [418, 292], facing: -1, idle: 'stand', talk: ['talk', 'explain'], blink: 'blink', every: 4.2 },
-                // Oggetti statici: ordinati per profondità come la macchina del tempo, senza voce.
-                // Con la depth della scena misura circa 160 px; resta sopra il bordo di walk. (Il Betino dell'Arcu sta in
-                // cima alla salita di Via Liguri Magelli, Andrea 28 ottobre.)
-                { who: 'ghiacciomobile', at: [176, 286], size: 0.986, idle: 'idle', talk: [] },
             ],
             hotspots: [
-                {
-                    id: 'ghiacciomobile', name: 'la Ghiacciomobile', box: [96, 215, 160, 71], at: [240, 308], face: 'up', default: 'look',
-                    // La Corsa nera degli amici (sprite di Codex, 26 ottobre). Parlandole, Andrea ricorda; lei non risponde.
-                    actions: {
-                        look: [{ say: 'La Ghiacciomobile nera. Hai visto cose che noi poveri umani non potremmo neppur lontanamente immaginare.' }],
-                        talk: [{ dialogue: 'ghiacciomobile' }],
-                        use: [{ say: 'Con questo sole, di ghiaccio c\'è rimasto giusto il nome. Vo a piedi.' }],
-                    },
-                },
                 {
                     id: 'circolo', name: 'il circolino', box: [100, 0, 380, 205], at: [300, 290], face: 'up',
                     actions: {
@@ -2710,6 +2698,9 @@ export const story = {
             name: 'Via Liguri Magelli',
             map: [76, 97],
             background: 'assets/scenes/via-liguri-magelli.png',
+            // All'inizio la Ghiacciomobile è dentro il muro giallo, coi mattoni rotti (Codex, 29 ottobre); dal tramonto
+            // (le impronte del Regolo) il muro è rifatto e c'è la sua targa (Andrea, 29 ottobre).
+            backdrops: [{ when: '!indizio_regolo', src: 'assets/scenes/via-liguri-magelli-muro.png' }],
             // La strada gira intorno all'Audi nera parcheggiata davanti al Trappola.
             walk: [[0, 360], [0, 320], [140, 262], [226, 198], [272, 198], [300, 242], [370, 246], [400, 252], [580, 318], [640, 330], [640, 360]],
             depth: [[198, 0.3], [360, 1.1]],
@@ -2745,11 +2736,21 @@ export const story = {
                     },
                 },
                 {
-                    id: 'targa', name: 'targa della Ghiacciomobile', box: [570, 130, 62, 78], at: [565, 336], face: 'right', default: 'look',
+                    id: 'targa', name: 'targa della Ghiacciomobile', box: [570, 130, 62, 78], at: [565, 336], face: 'right', default: 'look', when: 'indizio_regolo',
                     actions: {
                         look: [{ say: '«Qui riposa la Ghiacciomobile, che si è schiantata lì.»' }, { say: 'C\'è anche la fotina. Pareva sempre nuova.' }],
                     },
                 },
+                {
+                    // La Ghiacciomobile nel muro (prima del tramonto). Le battute erano del circolino (Andrea, 26 ottobre);
+                    // [DA ANDREA] quella dello schianto. Parlandole, Andrea ricorda; lei non risponde.
+                    id: 'ghiacciomobile', name: 'la Ghiacciomobile', box: [462, 192, 140, 92], at: [440, 300], face: 'right', default: 'look', when: '!indizio_regolo',
+                    actions: {
+                        look: [{ say: 'La Ghiacciomobile nera, mezza dentro il muro. Hai visto cose che noi poveri umani non potremmo neppur lontanamente immaginare.' }],
+                        talk: [{ dialogue: 'ghiacciomobile' }],
+                        use: [{ say: 'Per tirarla fuori di lì ci vuole altro che le mie braccia.' }],
+                    },
+                },
                 {
                     // La prima battuta è di Andrea (dal circolino, 26 ottobre).
                     id: 'betino', name: 'il Betino dell\'Arcu', box: [232, 172, 40, 24], at: [250, 206], face: 'up', default: 'look',
@@ -2764,7 +2765,7 @@ export const story = {
                 },
                 {
                     // Il campo del Giannini è laggiù a destra, oltre la siepe (Andrea, 28 ottobre).
-                    id: 'al_giannini', name: 'verso il campo del Giannini', box: [430, 150, 132, 100], at: [520, 306], exit: { scene: 'campo_giannini', at: [60, 250], face: 'right' },
+                    id: 'al_giannini', name: 'verso il campo del Giannini', box: [404, 150, 58, 100], at: [520, 306], exit: { scene: 'campo_giannini', at: [60, 250], face: 'right' },
                 },
             ],
         },

src/version.js

@@ -1,5 +1,5 @@
 // La versione del gioco: la cambia scripts/bump.sh, insieme a package.json.
-export const VERSION = '0.1.41';
+export const VERSION = '0.1.44';
 
 // Immagini, musiche e voci con ?v=<versione>: a ogni versione l'indirizzo cambia e il browser le riscarica,
 // mentre fra una versione e l'altra le tiene in cache a lungo (nginx.conf).

style.css

@@ -56,7 +56,11 @@ body { display: flex; justify-content: center; overflow-x: hidden; -webkit-tap-h
   text-align: center; color: #c5c6b6; border: 2px dashed #897b57; border-radius: 10px; background: #1d2320; }
 #gara-pad.active { border-style: solid; color: #f3dcac; }
 #stage, #bocce-controls, #gara-pad { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
-#bocce-throw { background: #ead09a; color: #202b25; min-width: 100px; }
+#bocce-throw { background: #ead09a; color: #202b25; min-width: 100px; touch-action: none; }
+/* La presentazione dei piloti del GP: la scena da sola, i comandi arrivano col semaforo. */
+#app.presenta #side { display: none; }
+/* La guida semplice del GP: il Gas si tiene premuto col pollice, più alto. */
+#bocce-throw.hold { min-height: 72px; font-size: 14px; }
 .bocce-adjust button:disabled { opacity: .4; cursor: default; }
 #bocce-help, #biliardo-help, #basket-help, #pesca-help, #gara-help, #rinquarto-help { margin-top: 9px; color: #c5c6b6; font-size: 10px; }
 #bocce-help summary, #biliardo-help summary, #basket-help summary, #pesca-help summary, #gara-help summary, #rinquarto-help summary { cursor: pointer; padding: 6px 0; }
@@ -318,6 +322,8 @@ body.full #sound { position: fixed; z-index: 13; top: max(8px, env(safe-area-ins
   #app { width: 100vw; flex-direction: row; }
   #stage { flex: none; width: min(calc(100dvh * 16 / 9), 68vw); align-self: flex-start; }
   #stage.biliardo { width: min(calc((100dvh - 90px) * 16 / 9), 68vw); }
+  #app.presenta { justify-content: center; }
+  #app.presenta #stage.biliardo { width: min(calc((100dvh - 44px) * 16 / 9), 100vw); }
   #stage.briscola { width: min(calc((100dvh - 90px) * 16 / 9), 68vw); }
   #briscola-controls, #tressette-controls, #scopa-controls { overflow-y: auto; min-height: 0; padding: 8px; font-size: 9px; }
   /* Nella colonna stretta accanto al tavolo: carte e segni su due colonne, parole che vanno a capo. */

tests/gara.browser.mjs

@@ -29,19 +29,30 @@ try {
             const { settle } = await import('/tests/helpers.mjs');
             settle(game); game.run({ closeup: 'gara', level }); settle(game);
         }, level);
-        await page.waitForSelector('#bocce-controls:not([hidden])');
+        // La presentazione dei piloti a tutto schermo: niente comandi finché non c'è il semaforo.
+        await page.waitForFunction(() => game.closeup?.step === 'intro');
+        await page.waitForTimeout(300);
+        assert.equal(await page.locator('#bocce-controls').isVisible(), false, `${name}: comandi nascosti nella presentazione`);
+        assert.equal(await page.locator('#side').isVisible(), false, `${name}: la scena da sola`);
+        await page.screenshot({ path: `${out}/${name}-presentazione.png` });
         // Salta la presentazione dei piloti e aspetta il via.
         await page.evaluate(async () => { const g = await import('/src/engine/gara.js'); while (game.closeup.step === 'intro') g.press(game.closeup); });
         await page.waitForFunction(() => game.closeup.step === 'race', null, { timeout: 15000 });
+        await page.waitForSelector('#bocce-controls:not([hidden])');
         const easy = level !== 'male';
         for (const id of ['#bocce-left', '#bocce-right', '#gara-brake', '#gara-pad'])
             assert.equal(await page.locator(id).isVisible(), !easy, `${name}: ${id} ${easy ? 'nascosto' : 'visibile'}`);
         assert.equal(await page.locator('#bocce-power').isVisible(), !easy, 'la sensibilità solo con lo sterzo vero');
-        // Il pulsante Gas accende il gas; un altro tocco lo spegne e nella guida semplice si frena.
-        if (mobile) await page.locator('#bocce-throw').tap(); else await page.locator('#bocce-throw').click();
+        // Nella guida semplice il pulsante Gas si tiene premuto (giù gas, su freno) e la scritta non cambia; con lo
+        // sterzo vero un tocco accende il gas e un altro lo spegne.
+        const gas = page.locator('#bocce-throw');
+        if (easy) await gas.dispatchEvent('pointerdown', { pointerId: 5, pointerType: mobile ? 'touch' : 'mouse', isPrimary: true });
+        else await gas.click();
         await page.waitForFunction(() => game.closeup.riders.find(r => r.id === 'andrea').v > 40, null, { timeout: 15000 });
+        assert.equal(await gas.textContent(), easy ? 'Gas' : 'Molla');
         await page.screenshot({ path: `${out}/${name}-${level}.png` });
-        if (mobile) await page.locator('#bocce-throw').tap(); else await page.locator('#bocce-throw').click();
+        if (easy) await gas.dispatchEvent('pointerup', { pointerId: 5, pointerType: mobile ? 'touch' : 'mouse', isPrimary: true });
+        else await gas.click();
         const v = await page.evaluate(() => game.closeup.riders.find(r => r.id === 'andrea').v);
         await page.waitForTimeout(300);
         const after = await page.evaluate(() => game.closeup.riders.find(r => r.id === 'andrea').v);

tests/gara.test.mjs

@@ -1,6 +1,6 @@
 import test from 'node:test';
 import assert from 'node:assert/strict';
-import { SIMPLE, simple, simpleLimit, SWIPE, setPower, newGara, update, press, presenting, INTRO, release, cancel, shoot, key, steerButton, brakeButton, aimScreen, steering, status, button, standings, player, rider, limitAt, pointAt, TRACK, CURVES, PICKUPS, BRAKE, VERGE, LAPS, COUNTDOWN, RIDERS } from '../src/engine/gara.js';
+import { SIMPLE, simple, simpleLimit, mustLift, PREAVVISO, SWIPE, setPower, newGara, update, press, presenting, INTRO, release, cancel, shoot, key, steerButton, brakeButton, aimScreen, steering, status, button, standings, player, rider, limitAt, pointAt, TRACK, CURVES, PICKUPS, BRAKE, VERGE, LAPS, COUNTDOWN, RIDERS } from '../src/engine/gara.js';
 import { piloti } from '../src/story/piloti.js';
 import { story } from '../src/story/story.js';
 import { Game } from '../src/engine/game.js';
@@ -304,3 +304,30 @@ test('guida semplice: sempre a tutto gas si finisce nella paglia; mollando prima
     }
     assert.ok(SIMPLE.slide > 0);
 });
+
+test('Seria semplice: chi non rallenta in curva va fuori e perde, chi frena giusto fa le curve pulite e vince; LASCIA! dice quando', () => {
+    const riders = piloti.filter(p => p.consenso !== null);
+    const wise = c => { const r = player(c), h = r.v * r.v / (2 * BRAKE) + 10; for (let d = 0; d <= h; d += 4) { const a = simpleLimit(r, r.s + d, c.tune); if (r.v * r.v > a * a + 2 * BRAKE * d) return false; } return true; };
+    for (const seed of [1, 2]) {
+        const wild = race(newGara(seed, { level: 'seria', riders }));
+        run(wild, 120, () => true);
+        const good = race(newGara(seed, { level: 'seria', riders }));
+        run(good, 120, wise);
+        assert.ok(wild.result.offs >= 4, `a tutto gas fuori in quasi ogni curva (${wild.result.offs})`);
+        assert.ok(wild.result.place >= 3);
+        assert.equal(good.result.offs, 0); assert.equal(good.result.winner, 'player', `seme ${seed}`);
+        assert.ok(player(good).cleans >= 5, 'le curve pulite');
+        assert.ok(wild.result.times.andrea - good.result.times.andrea > 6, 'tutto gas costa più di 6 secondi');
+    }
+    // Chi segue LASCIA! guida come chi frena giusto; CURVA! arriva prima.
+    const c = race(newGara(1, { level: 'seria', riders }));
+    let early = 0, said = false;
+    for (let t = 0; t < 20; t += 1 / 60) {
+        c.holding = !mustLift(c);
+        if (mustLift(c, PREAVVISO) && !mustLift(c)) early++;
+        update(c, 1 / 60);
+        if (c.holding && mustLift(c)) said ||= /Lascia!/.test(status(c));
+    }
+    assert.ok(early > 20, `il preavviso CURVA! viene prima di LASCIA! (${early} fotogrammi)`);
+    assert.ok(said, 'il pannello dice Lascia!');
+});

tests/story.test.mjs

@@ -437,7 +437,7 @@ test('interrompere la catena del ghiacciolo non perde la torcia né la chiavetta
 
 test('gli sfondi si caricano dalla scena di partenza verso le più lontane, tutti e una volta sola', () => {
     const order = backgroundOrder(story, story.start.scene);
-    const all = new Set(Object.values(story.scenes).map(s => s.background).filter(Boolean));
+    const all = new Set(Object.values(story.scenes).flatMap(s => [s.background, ...(s.backdrops ?? []).map(b => b.src)]).filter(Boolean));
     assert.equal(order.length, all.size);
     assert.deepEqual(new Set(order), all);
     assert.equal(order[0], story.scenes[story.start.scene].background, 'prima la piazza');

tests/veicoli.test.mjs

@@ -6,9 +6,10 @@ import { Game } from '../src/engine/game.js';
 import { inside } from '../src/engine/geometry.js';
 import { settle } from './helpers.mjs';
 
-// La Ghiacciomobile al circolino è uno sprite; il Betino in cima alla salita di Via Liguri Magelli è dipinto nel quadro.
-const SPRITES = [['campomigliaio_circolo', 'ghiacciomobile', [150, 170]]];
-const VEHICLES = [...SPRITES, ['via_liguri_magelli', 'betino']];
+// I veicoli sono dipinti nel quadro: il Betino in cima alla salita di Via Liguri Magelli e, prima del tramonto, la
+// Ghiacciomobile dentro il muro giallo (Andrea, 29 ottobre). Nessuno è più uno sprite.
+const SPRITES = [];
+const VEHICLES = [['via_liguri_magelli', 'betino'], ['via_liguri_magelli', 'ghiacciomobile']];
 test('i veicoli restano fuori dal percorso e lasciano liberi gli altri hotspot', () => {
     for (const [scene, id, [lo, hi]] of SPRITES) {
     const g = new Game(story);
@@ -62,3 +63,15 @@ test('guarda e usa i veicoli: parla solo Andrea e non cambia il progresso', () =
     }
     }
 });
+
+test('Via Liguri Magelli: prima la Ghiacciomobile nel muro (senza targa), dal tramonto il muro rifatto con la targa', () => {
+    const g = new Game(story);
+    g.go('via_liguri_magelli'); settle(g);
+    assert.equal(g.backdrop(), 'assets/scenes/via-liguri-magelli-muro.png');
+    assert.ok(g.hotspot('ghiacciomobile') && !g.hotspot('targa'));
+    assert.ok(!story.scenes.campomigliaio_circolo.hotspots.some(h => h.id === 'ghiacciomobile'), 'al circolino non c\'è più');
+    g.state.flags.indizio_regolo = true;
+    assert.equal(g.backdrop(), 'assets/scenes/via-liguri-magelli.png');
+    assert.ok(g.hotspot('targa') && !g.hotspot('ghiacciomobile'));
+    assert.ok(existsSync(new URL('../assets/scenes/via-liguri-magelli-muro.png', import.meta.url)));
+});