Versione 0.1.41

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

assets/voices/index.json

@@ -1639,10 +1639,6 @@
   "file": "andrea-3d15dd47bb.mp3",
   "sec": 4.82
  },
- "andrea|Il Chiaru, con le ginocchia bianche di gesso e una Formula 1 blu in mano.": {
-  "file": "andrea-8d5911c8e7.mp3",
-  "sec": 4.53
- },
  "andrea|Il parcheggio sotto casa. Col gesso ci si disegnava la pista delle macchinine, e si giocava finché non chiamavano per cena.": {
   "file": "andrea-8670e6ce99.mp3",
   "sec": 7.6
@@ -1675,6 +1671,10 @@
   "file": "andrea-f6c10fd559.mp3",
   "sec": 6.28
  },
+ "andrea|Il Chiaru, con le ginocchia bianche di gesso e una Formula 1 blu in mano.": {
+  "file": "andrea-8d5911c8e7.mp3",
+  "sec": 4.53
+ },
  "andrea|Un pino a ombrello enorme. Alla ricreazione, tutti all'ombra lì sotto. Sembra ieri.": {
   "file": "andrea-0a073729fd.mp3",
   "sec": 7.3
@@ -2435,9 +2435,9 @@
   "file": "mariano-d65fb6e871.mp3",
   "sec": 3.42
  },
- "andrea|Si corre?": {
-  "file": "andrea-8052393bfd.mp3",
-  "sec": 0.7
+ "andrea|Si fa una gara alle macchinine?!?!": {
+  "file": "andrea-17216997e2.mp3",
+  "sec": 2.74
  },
  "andrea|Che pista hai disegnato?": {
   "file": "andrea-3dd737ed1b.mp3",
@@ -2447,9 +2447,9 @@
   "file": "andrea-ee03433b9c.mp3",
   "sec": 1.6
  },
- "andrea|Dopo, Chiaru.": {
-  "file": "andrea-75b58c99e6.mp3",
-  "sec": 1.32
+ "andrea|Vado a fare un girino alle case rosse.": {
+  "file": "andrea-cb2fa74266.mp3",
+  "sec": 1.97
  },
  "chiaru|Un giro, una spinta a testa, prima te. Tutta fuori dal gesso, si torna indietro. Come la vuoi?": {
   "file": "chiaru-df4b1e3a0e.mp3",
@@ -2475,9 +2475,13 @@
   "file": "chiaru-a7ab8d241f.mp3",
   "sec": 2.01
  },
- "chiaru|La pista è qui. Finché non piove.": {
-  "file": "chiaru-841aa1efd7.mp3",
-  "sec": 2.39
+ "chiaru|Vorrai dire un giochino!": {
+  "file": "chiaru-c106f9e9c4.mp3",
+  "sec": 1.14
+ },
+ "andrea|Ciao Mattè.": {
+  "file": "andrea-fc5a08bbd6.mp3",
+  "sec": 0.73
  },
  "andrea|No, aspetta.": {
   "file": "andrea-04890c1d8e.mp3",
@@ -2499,9 +2503,9 @@
   "file": "chiaru-a0d7dbb4c1.mp3",
   "sec": 2.15
  },
- "andrea|Trappizzio Berti! Che fai, giochi da solo?": {
-  "file": "andrea-da5fb02d21.mp3",
-  "sec": 3.4
+ "andrea|Fabri! Che fai, giochi da solo?": {
+  "file": "andrea-44037129d8.mp3",
+  "sec": 2.71
  },
  "andrea|Come fai a prendere le biglie dove nessuno ci arriva?": {
   "file": "andrea-c6670ffb48.mp3",
@@ -2515,9 +2519,9 @@
   "file": "andrea-fe39c8f30c.mp3",
   "sec": 1.49
  },
- "andrea|Ci si vede, Trappizzio Berti.": {
-  "file": "andrea-4089f348c4.mp3",
-  "sec": 2.57
+ "andrea|Ci si vede, Fabri.": {
+  "file": "andrea-d48ea04521.mp3",
+  "sec": 1.37
  },
  "bertovo|Da solo? Io gioco contro le sponde. E vinco quasi sempre.": {
   "file": "bertovo-5e771069ff.mp3",

docs/STATO.md

@@ -18,6 +18,11 @@ Online su 50037.manzolo.it tutto fino agli effetti ambientali di Codex. Aperto,
 
 ## Dove siamo arrivati
 
+- **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`.
 - **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,
@@ -26,6 +31,9 @@ Online su 50037.manzolo.it tutto fino agli effetti ambientali di Codex. Aperto,
   cappottè (urto forte), accompagnè (dito tenuto oltre la carica piena). Tre livelli: alla bona la guida mostra dove
   ci si ferma. Test in `tests/micro.test.mjs` e nel browser (`npm run browser:micro`). Battute del Chiaru provvisorie
   [DA ANDREA]; il Chiaru ha dato il consenso (29 ottobre).
+  Poi: si sceglie la macchinina (sei, il Chiaru tiene la blu), la forza parte da zero appena si preme e la spinta
+  parte quando si lascia; saluto «Vado a fare un girino alle case rosse» / «Vorrai dire un giochino!» / «Ciao Mattè»;
+  Andrea chiama Bertovo «Fabri». Musica in prestito dal GP (gara.mp3): [DA ANDREA] la sua, con Suno.
 - **Bertovo ora si chiama «Trappizzio Berti»** in tutte le scritte (Andrea, 29 ottobre); l'id resta `bertovo`.
   Fabrizio Berti e il suo libro «Memorie di sport e di paese» nei Ringraziamenti; l'idea delle cartoline in `IDEE.md`.
 - **I rinquarti di Bertovo (28 ottobre, modifiche locali)**: variante del biliardo in `rinquarto.js` e

index.html

@@ -225,7 +225,11 @@
       guida mostra la parabola fino al primo urto, Seria solo l’inizio, A fassi male niente.</p>
     </details>
     <details id="gara-help" hidden><summary>Come si gioca</summary>
-      <p>Il GP di Fortezza: tre giri attorno alle mura coi cinquantini. Con un solo dito: tieni premuto sulla scena per
+      <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>
+      <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
       mollare il gas e raddrizzare lo sterzo. Funziona anche col mouse premuto.</p>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "leggenda-del-regolo",
-  "version": "0.1.38",
+  "version": "0.1.41",
   "private": true,
   "type": "module",
   "scripts": {
@@ -8,6 +8,7 @@
     "browser": "node tests/browser.mjs",
     "browser:biliardo": "node tests/biliardo.browser.mjs",
     "browser:micro": "node tests/micro.browser.mjs",
+    "browser:gara": "node tests/gara.browser.mjs",
     "browser:tressette": "node tests/tressette.browser.mjs",
     "browser:scopa": "node tests/scopa.browser.mjs",
     "browser:briscola": "node tests/briscola.browser.mjs",

src/engine/gara.js

@@ -50,12 +50,17 @@ export const RIDERS = [
     { id: 'andrea', name: 'Andrea', bike: 'il Fifty', motore: 3, testa: 3, color: '#d8402f', trim: '#1c1c1c' },
     { id: 'arcu', name: 'L\'Arcu', bike: 'il Betino', motore: 1, testa: 5, color: '#2f7a3a', trim: '#e8d9a0' },
 ];
-// I livelli: quanto vanno gli altri, quanto si resta fermi nella paglia, e la guida disegnata in pista.
+// I livelli: quanto vanno gli altri, quanto si resta fermi nella paglia, e la guida disegnata in pista. `simple`: la
+// guida semplice (Andrea, 29 ottobre: dal telefono lo sterzo era ingiocabile): si tiene premuto per il gas e lasciando
+// si frena, lo sterzo segue la strada da solo, e chi entra in curva troppo forte scivola fuori. Ginocchio in terra
+// tiene lo sterzo vero.
 export const LEVELS = {
-    bona: { rivals: 0.74, stun: 0.4, guide: 'zone' },
-    seria: { rivals: 0.84, stun: 0.9, guide: 'coni' },
+    bona: { rivals: 0.74, stun: 0.4, guide: 'zone', simple: true },
+    seria: { rivals: 0.84, stun: 0.9, guide: 'coni', simple: true },
     male: { rivals: 0.93, stun: 1.4, guide: null },
 };
+// `def.simple` la forza (i test della guida vera la spengono anche alla bona).
+export const simple = c => !!c.simple;
 
 function catmull(p0, p1, p2, p3, t) {
     const t2 = t * t, t3 = t2 * t;
@@ -154,7 +159,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, 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, 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: {} };
 }
@@ -258,12 +263,33 @@ export function steering(c) {
 // La distanza davanti, sul giro, da s a un punto della pista (sempre fra 0 e la lunghezza del giro).
 export const ahead = (from, to) => ((((to - from) % TRACK.length) + TRACK.length) % TRACK.length);
 
+// Lo sterzo che segue la strada: si guarda un punto più avanti sulla propria corsia e ci si gira (gli avversari, e
+// Andrea nella guida semplice). Andando troppo forte in curva lo sterzo non basta e si scivola fuori.
+const follow = r => { const aim = pointAt(r.s + 14 + r.v * 0.18, r.lane * 0.6); return clamp(wrapAngle(Math.atan2(aim.y - r.y, aim.x - r.x) - r.a) * 2.6, -1, 1); };
+// 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) {
+    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;
+}
+function autopilot(c, r) {
+    const next = PICKUPS.find(p => p.kind !== 'boost' && ahead(r.s, p.s) < 30 + r.v * 0.6);
+    // Chi sta davanti più lento si passa dall'altra parte; le buche si scansano, la miscela si prende.
+    const slow = c.riders.find(o => o !== r && o.s - r.s > 0 && o.s - r.s < 26 && Math.abs(o.lat - r.lat) < 7 && o.v < r.v + 8);
+    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));
+    return follow(r);
+}
 // Gli avversari: guardano un punto più avanti sulla loro corsia e ci sterzano; danno gas finché, frenando da qui,
 // arriverebbero a ogni curva davanti sotto il limite (un po' meno, quanto si fidano). Chi ha poca testa ogni tanto
 // si fida troppo.
 function drive(c, r) {
-    const aim = pointAt(r.s + 14 + r.v * 0.18, r.lane * 0.6);
-    r.steer = clamp(wrapAngle(Math.atan2(aim.y - r.y, aim.x - r.x) - r.a) * 2.6, -1, 1);
+    r.steer = follow(r);
     const curve = CURVES.find(k => { const s = ((r.s % TRACK.length) + TRACK.length) % TRACK.length; return s >= k.start - 60 && s < k.start - 57; });
     if (curve && r.lastCurve !== curve) { r.lastCurve = curve; r.risk = random(c) < r.slip ? 1.15 : 1; }
     const horizon = (r.v * r.v) / (2 * BRAKE) + 20;
@@ -284,6 +310,7 @@ 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.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;
@@ -299,6 +326,7 @@ function stepRider(c, r, dt) {
     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
     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;
@@ -406,7 +434,7 @@ export function status(c) {
         const r = presenting(c);
         return r ? `${r.name} con ${r.bike}. (Un tocco: il prossimo.)` : 'Tutti in griglia!';
     }
-    if (c.step === 'start') return c.t < COUNTDOWN - 0.01 ? `GP di Fortezza: si parte fra ${Math.ceil(COUNTDOWN - c.t)}… Tieni premuto per il gas, sterza con ← →.` : 'Via!';
+    if (c.step === 'start') return c.t < COUNTDOWN - 0.01 ? `GP di Fortezza: si parte fra ${Math.ceil(COUNTDOWN - c.t)}… Tieni premuto per il gas, ${simple(c) ? 'lascia per frenare' : 'sterza con ← →'}.` : 'Via!';
     if (c.step === 'result') {
         const who = c.riders.find(r => r.id === c.result.order[0]).name;
         return c.result.place === 1 ? `Primo al GP di Fortezza! ${LAPS} giri in ${c.result.times.andrea.toFixed(1)} secondi.` : `${c.result.place}° posto. Ha vinto ${who}.`;
@@ -414,6 +442,7 @@ 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.'}`;
     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';

src/engine/micro-render.js

@@ -1,4 +1,4 @@
-import { HALF, CAR, canThrow, guide, done, overHeld } from './micro.js';
+import { HALF, CAR, CARS, canThrow, guide, done, overHeld, carImage, choiceAt, why, rank } from './micro.js';
 import { text, panel } from './bocce-render.js';
 
 const NAME = { player: 'Andrea', cpu: 'Chiaru' };
@@ -68,6 +68,12 @@ function aim(ctx, c, img) {
     ctx.fillStyle = over ? '#ff6a4a' : '#e8b48f'; ctx.strokeStyle = '#6b3d26'; ctx.lineWidth = 1;
     ctx.beginPath(); ctx.arc(fx, fy, 4, 0, Math.PI * 2); ctx.fill(); ctx.stroke();
     ctx.fillStyle = '#f7d9c4'; ctx.fillRect(Math.round(fx + ux * 1.5) - 1, Math.round(fy + uy * 1.5) - 1, 2, 2); // l'unghia
+    // La forza che sale mentre si tiene premuto: una barretta sopra la macchinina.
+    if (c.holding) {
+        const x = Math.round(me.x - 15), y = Math.round(me.y - 19);
+        ctx.fillStyle = '#17160fd0'; ctx.fillRect(x - 1, y - 1, 32, 6);
+        ctx.fillStyle = over ? '#ff6a4a' : c.power > 0.75 ? '#ffd23c' : '#9be07c'; ctx.fillRect(x, y, Math.round(30 * c.power), 4);
+    }
 }
 // Dove una macchinina ha fatto il fallo: una croce di gesso rosso che sfuma, e la macchinina (ribaltata, se ha cappottato)
 // che sparisce per tornare al suo posto.
@@ -83,11 +89,27 @@ function returns(ctx, c, images) {
     }
 }
 
+// La scelta della macchinina: le sei in grande sul parcheggio, quella scelta cerchiata di gesso e un po' sollevata.
+function choice(ctx, c, image) {
+    ctx.fillStyle = '#17160fc8'; ctx.fillRect(60, 56, 520, 250);
+    text(ctx, 'SCEGLI LA TUA MACCHININA', 320, 76, 12, '#efd49e', 'center');
+    CARS.forEach((car, i) => {
+        const [x, y] = choiceAt(i), on = i === c.choice, lift = on ? Math.sin(c.visual.time * 5) * 1.5 - 2 : 0, img = image?.(carImage(car.id, true));
+        if (on) { ctx.strokeStyle = 'rgba(246,246,238,0.9)'; ctx.lineWidth = 2; ctx.beginPath(); ctx.ellipse(x, y, 50, 28, 0, 0, Math.PI * 2); ctx.stroke(); }
+        ctx.fillStyle = 'rgba(10,12,16,0.35)'; ctx.fillRect(x - 37, y - 16, 78, 38); // l'ombra
+        if (img) ctx.drawImage(img, Math.round(x - img.width / 2), Math.round(y - img.height / 2 + lift));
+        text(ctx, car.name, x, y + 34, 8, on ? '#fff0c8' : '#a99d86', 'center');
+    });
+    const cpu = CARS[c.choice].id === 'blu' ? 'la rossa' : 'la blu e gialla';
+    text(ctx, `Il Chiaru prende ${cpu}. Tocca la tua, o frecce e Scegli.`, 320, 292, 8, '#d9ccba', 'center');
+}
+
 export function drawMicro(ctx, c, def, bg, image) {
     ctx.save(); ctx.imageSmoothingEnabled = false;
     if (bg) ctx.drawImage(bg, 0, 0, 640, 360); else { ctx.fillStyle = '#4b4d50'; ctx.fillRect(0, 0, 640, 360); }
     drawChalk(ctx, c.track);
-    const images = { player: image?.(def.cars?.player), cpu: image?.(def.cars?.cpu) };
+    if (c.step === 'choose') { choice(ctx, c, image); ctx.restore(); return; }
+    const images = { player: image?.(carImage(c.colors.player)), cpu: image?.(carImage(c.colors.cpu)) };
     if (c.step === 'rolling' && c.trail.length > 1) {
         ctx.strokeStyle = 'rgba(255,248,220,0.35)'; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(...c.trail[0]);
         for (const p of c.trail.slice(1)) ctx.lineTo(...p);
@@ -101,21 +123,28 @@ export function drawMicro(ctx, c, def, bg, image) {
     text(ctx, 'LA PISTA COL GESSO', 8, 7, 8, '#efd49e');
     const level = { bona: 'alla bona', seria: 'seria', male: 'a fassi male' }[c.level];
     text(ctx, `${level} · spinte ${c.flicks.player}`, 8, 16, 7, '#d9ccba');
-    for (const [who, x0, color] of [['player', 168, '#e0543c'], ['cpu', 404, '#3c66d8']]) {
+    const tint = id => CARS.find(x => x.id === id).color;
+    for (const [who, x0, color] of [['player', 200, tint(c.colors.player)], ['cpu', 430, tint(c.colors.cpu)]]) {
+        // Primo o secondo, mentre si va (Andrea, 29 ottobre).
+        const place = rank(c, who);
+        text(ctx, `${place}°`, x0 - 4, 11, 9, place === 1 ? '#ffe28a' : '#a99d86', 'right');
         text(ctx, NAME[who], x0, 11, 8, '#fff0c8');
-        ctx.fillStyle = '#3a372e'; ctx.fillRect(x0 + 52, 7, 150, 8);
-        ctx.fillStyle = color; ctx.fillRect(x0 + 52, 7, Math.round(150 * done(c, who)), 8);
-        ctx.strokeStyle = '#897b57'; ctx.lineWidth = 1; ctx.strokeRect(x0 + 52.5, 7.5, 149, 7);
+        ctx.fillStyle = '#3a372e'; ctx.fillRect(x0 + 52, 7, 140, 8);
+        ctx.fillStyle = color; ctx.fillRect(x0 + 52, 7, Math.round(140 * done(c, who)), 8);
+        ctx.strokeStyle = '#897b57'; ctx.lineWidth = 1; ctx.strokeRect(x0 + 52.5, 7.5, 139, 7);
     }
     const turn = c.step === 'result' ? null : c.current === 'cpu' ? 'Spinge il Chiaru…' : c.step === 'aim' ? 'Tocca a te: mira e spingi' : null;
     const line = overHeld(c) ? 'Lascia! Sennò è accompagnè' : c.line ?? turn;
     if (line) { ctx.fillStyle = '#17160fd0'; ctx.fillRect(170, 24, 300, 14); text(ctx, line, 320, 31, 8, /^(Fuori|Tagliè|Cappottè|Accompagnè)!/.test(c.line ?? '') ? '#ffbf9f' : '#9fd0ff', 'center'); }
     if (c.step === 'result') {
         const w = c.result.winner, title = w === 'player' ? 'HAI BATTUTO IL CHIARU!' : w === 'cpu' ? 'HA VINTO IL CHIARU' : 'ARRIVATI PARI';
-        panel(ctx, 170, 140, 300, 72);
-        text(ctx, title, 320, 160, 12, w === 'player' ? '#b9e5b3' : '#efd49e', 'center');
-        text(ctx, `Un giro, ${c.result.flicks.player} spinte a testa`, 320, 182, 8, '#efd49e', 'center');
-        text(ctx, 'Torna dal Chiaru per uscire.', 320, 198, 8, '#d9ccba', 'center');
+        // Il perché, in due righe: chi è arrivato a quale spinta, e di quanto è andato più in là.
+        const [first, second] = why(c);
+        panel(ctx, 130, 132, 380, 92);
+        text(ctx, title, 320, 150, 12, w === 'player' ? '#b9e5b3' : '#efd49e', 'center');
+        text(ctx, first, 320, 172, 8, '#efd49e', 'center');
+        text(ctx, second, 320, 186, 8, '#efd49e', 'center');
+        text(ctx, 'Torna dal Chiaru per uscire.', 320, 208, 8, '#d9ccba', 'center');
     }
     ctx.restore();
 }

src/engine/micro.js

@@ -19,7 +19,7 @@ export const CONTROL = [
 ];
 export const HALF = 22, CAR = { len: 26, wid: 13, r: 6 }, LAPS = 1;
 // La spinta: velocità di partenza da MIN_SPEED a MAX_SPEED, e l'asfalto che frena di DECEL px/s².
-export const MIN_SPEED = 60, MAX_SPEED = 400, DECEL = 420, SWING = 1.2, LONG_PRESS = 0.6, FIXED_STEP = 1 / 120;
+export const MIN_SPEED = 60, MAX_SPEED = 400, DECEL = 420, SWING = 1.2, TAP = 0.14, FIXED_STEP = 1 / 120;
 const REST = 0.7, THINK = 1, RESTITUTION = 0.6, OUT = HALF + CAR.r, WINDOW = 30;
 // FLIP: la velocità d'urto (px/s) che ribalta la macchinina colpita; ACCOMPAGNA: quanti secondi si può restare alla
 // carica piena prima che diventi un accompagnè.
@@ -144,14 +144,43 @@ function step(track, list, dt, events) {
     for (const car of list) if (car.vx || car.vy) follow(track, car);
 }
 
+// Le macchinine fra cui scegliere (Andrea, 29 ottobre: «quando si parte fammi scegliere la macchinina»): il disegno di
+// Codex in `assets/closeups/micro/<id>.png` (e `<id>-grande.png` per la scelta) e il colore della barra in alto.
+// Il Chiaru tiene la sua blu e gialla; se la prende Andrea, lui prende la rossa.
+export const CARS = [
+    { id: 'rossa', name: 'Rossa e bianca', color: '#e0543c' },
+    { id: 'blu', name: 'Blu e gialla', color: '#3c66d8' },
+    { id: 'nera', name: 'Nera e oro', color: '#c9a23a' },
+    { id: 'azzurra', name: 'Bianca e azzurra', color: '#6fb7ff' },
+    { id: 'arancio', name: 'Arancione', color: '#f08a2c' },
+    { id: 'viola', name: 'Viola e argento', color: '#9a5ad8' },
+];
+export const carImage = (id, big = false) => `assets/closeups/micro/${id}${big ? '-grande' : ''}.png`;
+// Dove stanno le macchinine nella scelta: due file da tre, al centro del parcheggio.
+export const choiceAt = i => [160 + (i % 3) * 160, 132 + Math.floor(i / 3) * 88];
+export function pick(c, i = c.choice) {
+    if (c.step !== 'choose' || !CARS[i]) return false;
+    const mine = CARS[i].id;
+    c.colors = { player: mine, cpu: mine === 'blu' ? 'rossa' : 'blu' };
+    c.step = 'aim'; c.t = 0; c.aimLocked = false; // il clic che sceglie non deve fissare anche la mira
+    return true;
+}
+export function choose(c, i) {
+    if (c.step !== 'choose' || !Number.isFinite(i)) return false;
+    c.choice = (i + CARS.length) % CARS.length; return true;
+}
+const carUnder = (x, y) => CARS.findIndex((_, i) => { const [cx, cy] = choiceAt(i); return Math.abs(x - cx) < 44 && Math.abs(y - cy) < 30; });
+
 export function newMicro(seed = Date.now() >>> 0, def = {}) {
     const level = LEVELS[def.level] ? def.level : 'seria', track = TRACK;
-    const c = { step: 'aim', t: 0, seed, level, skill: LEVELS[level], current: 'player', power: 0.5, angle: 0,
+    const c = { step: 'choose', choice: 0, colors: null, t: 0, seed, level, skill: LEVELS[level], current: 'player', power: 0.5, angle: 0,
         holding: false, holdTime: 0, accumulator: 0, events: [], track, laps: LAPS, flicks: { player: 0, cpu: 0 },
         line: null, trail: [], returns: [], before: null, plan: null, visual: { time: 0 } };
     // In griglia: Andrea all'esterno, il Chiaru all'interno, poco prima del traguardo.
     c.cars = { player: newCar(track, 'player', 18, -11), cpu: newCar(track, 'cpu', 18, 11) };
     c.angle = c.cars.player.heading;
+    // Si parte scegliendo la macchinina, se non è già data (`def.car`).
+    if (def.car) pick(c, CARS.findIndex(x => x.id === def.car));
     return c;
 }
 
@@ -236,7 +265,7 @@ function settle(c) {
     const end = c.laps * c.track.length, over = { player: c.cars.player.progress - end, cpu: c.cars.cpu.progress - end };
     if (c.shooter === 'cpu' && (over.player >= 0 || over.cpu >= 0)) {
         const winner = over.player >= 0 && over.cpu >= 0 ? (Math.abs(over.player - over.cpu) < 1 ? 'draw' : over.player > over.cpu ? 'player' : 'cpu') : over.player >= 0 ? 'player' : 'cpu';
-        c.step = 'result'; c.result = { winner, flicks: { ...c.flicks } };
+        c.step = 'result'; c.result = { winner, flicks: { ...c.flicks }, over };
         return;
     }
     // Chi ha già tagliato il traguardo aspetta; spinge l'altro.
@@ -285,7 +314,10 @@ export function aimAt(c, x, y) {
     if (Math.hypot(x - car.x, y - car.y) < CAR.r) return false;
     c.angle = Math.atan2(y - car.y, x - car.x); return true;
 }
-export const aimScreen = (c, [x, y]) => x >= 0 && x <= 640 && y >= 24 && y <= 360 && aimAt(c, x, y);
+export function aimScreen(c, [x, y]) {
+    if (c.step === 'choose') { const i = carUnder(x, y); return i >= 0 && choose(c, i); }
+    return x >= 0 && x <= 640 && y >= 24 && y <= 360 && aimAt(c, x, y);
+}
 export function nudge(c, dir, fine = false) {
     if (!canThrow(c) || c.holding || !Number.isFinite(dir)) return false;
     c.angle += dir * (fine ? 0.004 : 0.03); return true;
@@ -294,8 +326,9 @@ export function setPower(c, value) {
     if (!canThrow(c) || c.holding || !Number.isFinite(value)) return false;
     c.power = clamp(value, 0, 1); return true;
 }
-export function shoot(c) { return canThrow(c) && !c.holding && strike(c, 'player', c.angle, c.power); }
+export function shoot(c) { return c.step === 'choose' ? pick(c) : canThrow(c) && !c.holding && strike(c, 'player', c.angle, c.power); }
 export function turn(c, dir, owner, fine = false) {
+    if (c.step === 'choose') { choose(c, c.choice + dir); return false; } // nella scelta frecce e pulsanti cambiano macchinina
     if (!canThrow(c) || c.holding || c.turn) return false;
     c.turn = { dir, owner, fine, time: 0 }; c.angle += dir * (fine ? 0.004 : 0.03);
     c.aimLocked = true; return true;
@@ -311,10 +344,11 @@ export function key(c, key, down, fine = false) {
     return true;
 }
 export function press(c, pointerId) {
+    if (c.step === 'choose') return pick(c);
     if (!canThrow(c) || c.holding) return false;
-    c.turn = null; c.pointerId = pointerId; c.holdDelay = pointerId === undefined ? 0 : LONG_PRESS;
-    c.previousPower = c.power; c.holding = true; c.charging = false; c.holdTime = 0;
-    if (!c.holdDelay) c.power = 0;
+    // Premuto, la forza parte da zero e sale finché non si lascia (Andrea, 29 ottobre): come il dito che si carica.
+    c.turn = null; c.pointerId = pointerId; c.holdDelay = 0;
+    c.previousPower = c.power; c.holding = true; c.charging = false; c.holdTime = 0; c.power = 0;
     return true;
 }
 export function cancel(c, pointerId) {
@@ -325,7 +359,7 @@ export function cancel(c, pointerId) {
 }
 export function release(c, pointerId) {
     if (c.pointerId !== pointerId || !c.holding) return false;
-    if (c.holdTime < Math.max(0.14, c.holdDelay)) return cancel(c, pointerId); // il tocco mira soltanto
+    if (c.holdTime < TAP) return cancel(c, pointerId); // il tocco secco mira soltanto
     const accompagne = (c.overHold ?? 0) > ACCOMPAGNA;
     c.holding = c.charging = false; c.overHold = 0;
     strike(c, 'player', c.angle, c.power);
@@ -346,16 +380,35 @@ export function guide(c) {
     return { x: car.x + ux * length, y: car.y + uy * length, length, out };
 }
 
+// Il pulsante del pannello vale anche nella scelta della macchinina.
+export const canPress = c => canThrow(c) || c.step === 'choose';
+export const canAdjust = canPress;
 export function button(c) {
+    if (c.step === 'choose') return 'Scegli';
     if (c.step === 'result') return 'Finita';
     if (c.step === 'rolling' || c.step === 'settle') return 'In movimento…';
     return c.current === 'cpu' ? 'Spinge il Chiaru…' : 'Spingi';
 }
+// Il perché del risultato, da scrivere (Andrea, 29 ottobre: «ho tagliato prima io, ma ha vinto il Chiaru»). Le
+// macchinine vere sono lunghe 4 centimetri e mezzo: un pixel è quasi due millimetri.
+export const CM = 4.5 / CAR.len;
+export function why(c) {
+    const { winner, flicks, over } = c.result, n = flicks.player;
+    if (over.player >= 0 && over.cpu >= 0) {
+        const cm = Math.max(1, Math.round(Math.abs(over.player - over.cpu) * CM));
+        if (winner === 'draw') return [`Tutti e due al traguardo alla spinta ${n},`, 'pari al millimetro.'];
+        return [`Tutti e due al traguardo alla spinta ${n}:`, `vince chi va più in là, ${winner === 'player' ? 'Andrea' : 'il Chiaru'} di ${cm} ${cm === 1 ? 'centimetro' : 'centimetri'}.`];
+    }
+    return winner === 'player' ? [`Andrea al traguardo alla spinta ${n};`, 'al Chiaru non è bastata la sua.'] : [`Il Chiaru al traguardo alla spinta ${n};`, 'Andrea non c\'è arrivato.'];
+}
+// Chi è davanti adesso (1 o 2), per strada fatta.
+export const rank = (c, who) => c.cars[who].progress >= c.cars[OTHER[who]].progress ? 1 : 2;
 // Quanta pista manca al traguardo, in percentuale, per il tabellone.
 export const done = (c, who) => clamp(c.cars[who].progress / (c.laps * c.track.length), 0, 1);
 export function status(c) {
-    const where = `Andrea ${Math.round(done(c, 'player') * 100)}%, Chiaru ${Math.round(done(c, 'cpu') * 100)}% del giro.`;
-    if (c.step === 'result') return `${where} ${c.result.winner === 'player' ? 'Hai battuto il Chiaru!' : c.result.winner === 'cpu' ? 'Ha vinto il Chiaru.' : 'Arrivati pari.'}`;
+    if (c.step === 'choose') return `Scegli la macchinina: ${CARS[c.choice].name}. Tocca quella che vuoi, o frecce e Scegli.`;
+    const where = `Andrea ${rank(c, 'player')}° (${Math.round(done(c, 'player') * 100)}%), Chiaru ${rank(c, 'cpu')}° (${Math.round(done(c, 'cpu') * 100)}%).`;
+    if (c.step === 'result') return `${c.result.winner === 'player' ? 'Hai battuto il Chiaru!' : c.result.winner === 'cpu' ? 'Ha vinto il Chiaru.' : 'Arrivati pari.'} ${why(c).join(' ')}`;
     if (c.step === 'rolling' || c.step === 'settle') return `${where} ${c.line ?? ''}`.trim();
     if (c.current === 'cpu') return `${where} Spinge il Chiaru…`;
     return `${where} ${c.line ? c.line + ' ' : ''}Tocca a te: mira e spingi.`;

src/main.js

@@ -606,7 +606,7 @@ const MINI = {
     micro: { ...micro, back: 'Torna dal Chiaru', label: 'La pista col gesso: muovi il mouse o tocca il parcheggio per mirare, tieni premuto per caricare la spinta e lascia; oppure regola la forza e premi Spingi. Frecce o pulsanti Mira per girare.' },
     basket: { ...basket, back: 'Torna in strada', label: 'Fai due tiri: muovi il mouse o tocca per mirare, tieni premuto per caricare la forza, lascia per tirare.' },
     // La gara: niente mira né forza, il pulsante alterna gas e freno (chi non può tenere premuto).
-    gara: { ...gara, toggle: true, back: 'Torna dal Trappola', label: 'GP di Fortezza: tieni premuto sulla scena per il gas e trascina verso la direzione in cui vuoi andare sullo schermo; alza il dito per mollare. Anche col mouse. Oppure Spazio, Invio o ↑ per il gas, ← → per sterzare, ↓ per frenare; disponibili anche i pulsanti Gas, Sterza e Frena.' },
+    gara: { ...gara, toggle: true, back: 'Torna dal Trappola', label: 'GP di Fortezza. Alla bona e Seria: tieni premuto sulla scena (o Spazio) per il gas e lascia per frenare, lo sterzo va da solo; in curva troppo forte si esce. Ginocchio in terra: tieni premuto sulla scena per il gas e trascina verso la direzione in cui vuoi andare sullo schermo; alza il dito per mollare. Anche col mouse. Oppure Spazio, Invio o ↑ per il gas, ← → per sterzare, ↓ per frenare; disponibili anche i pulsanti Gas, Sterza e Frena.' },
     pesca: { ...pesca, back: 'Torna in Fortezza', label: 'La pesca: tieni premuto per lanciare, premi quando il galleggiante va sotto, tieni premuto per recuperare.' },
 };
 const miniState = () => running && game?.closeup && MINI[story.closeups[game.closeup.id].type] ? game.closeup : null;
@@ -1011,19 +1011,22 @@ function updateUi() {
         // Il GP di Fortezza: niente forza, e i due pulsanti di mira diventano lo sterzo (si tengono premuti).
         // Nel GP di Fortezza il cursore della forza diventa la sensibilità dello sterzo col dito (ricordata).
         const powerLabel = $('bocce-power').closest('label');
-        // Ai rinquarti la forza è sempre piena: il cursore non serve.
-        setProp(powerLabel, 'hidden', def.type === 'rinquarto');
+        // Ai rinquarti la forza è sempre piena: il cursore non serve. Nella guida semplice del GP (alla bona e seria) si
+        // usa solo il gas: niente sensibilità, sterzo, freno né riquadro dello swipe.
+        const easy = def.type === 'gara' && gara.simple(c);
+        setProp(powerLabel, 'hidden', def.type === 'rinquarto' || easy);
+        for (const id of ['bocce-left', 'bocce-right']) setProp($(id), 'hidden', easy);
         const powerName = def.type === 'gara' ? 'Sensibilità ' : 'Forza ';
         if (powerLabel.firstChild.nodeValue !== powerName) powerLabel.firstChild.nodeValue = powerName;
         setAttr($('bocce-power'), 'aria-label', def.type === 'gara' ? 'Sensibilità dello sterzo col dito' : 'Forza del lancio');
-        setProp($('gara-pad'), 'hidden', def.type !== 'gara');
+        setProp($('gara-pad'), 'hidden', def.type !== 'gara' || easy);
         if (def.type === 'gara' && c.sensLoaded === undefined) {
             c.sensLoaded = true;
             try { const v = localStorage.getItem(GARA_SENS); if (v !== null) gara.setPower(c, Number(v) / 100); } catch { /* si resta al valore di partenza */ }
         }
         setText($('bocce-left'), def.type === 'gara' ? '← Sterza' : '← Mira');
         setText($('bocce-right'), def.type === 'gara' ? 'Sterza →' : 'Mira →');
-        setProp($('gara-brake'), 'hidden', def.type !== 'gara');
+        setProp($('gara-brake'), 'hidden', def.type !== 'gara' || 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');

src/story/story.js

@@ -236,10 +236,9 @@ export const story = {
         // Le macchinine sulla pista col gesso, sul parcheggio di Cardetole, contro il Chiaru (Andrea, 28 e 29 ottobre).
         // [DA ANDREA: le battute sono provvisorie]
         micro: {
-            type: 'micro',
+            type: 'micro', music: 'assets/audio/gara.mp3', // in prestito dal GP di Fortezza, finché non c'è la sua
             picture: 'assets/closeups/micro-parcheggio.png',
             names: { player: 'Andrea', cpu: 'Chiaru' },
-            cars: { player: 'assets/closeups/micro/rossa.png', cpu: 'assets/closeups/micro/blu.png' },
             win: [{ say: 'Hai vinto te. Ma la mia aveva le ruote piene di gesso, sia chiaro.', who: 'chiaru', pose: 'shrug' }, { set: 'micro_vinto' }],
             lose: [{ say: 'Visto? La blu non perde mai. Mai.', who: 'chiaru', pose: 'cheer' }],
             quit: [{ say: 'Ti ritiri? Allora la vinco a tavolino.', who: 'chiaru', pose: 'laugh' }],
@@ -2781,13 +2780,6 @@ export const story = {
             speakers: { chiaru: [520, 214] },
             people: [{ who: 'chiaru', at: [520, 318], facing: -1, idle: 'stand', talk: ['talk', 'explain'], blink: 'blink', every: 3.7 }],
             hotspots: [
-                {
-                    id: 'chiaru', name: 'il Chiaru', box: [500, 240, 40, 78], at: [470, 330], face: 'right', default: 'talk',
-                    actions: {
-                        look: [{ say: 'Il Chiaru, con le ginocchia bianche di gesso e una Formula 1 blu in mano.' }],
-                        talk: [{ dialogue: 'chiaru' }],
-                    },
-                },
                 {
                     id: 'parcheggio', name: 'parcheggio', box: [356, 262, 280, 60], at: [450, 330], face: 'right',
                     actions: {
@@ -2830,6 +2822,14 @@ export const story = {
                 {
                     id: 'al_trappola', name: 'a sinistra, dal Trappola', box: [0, 236, 50, 104], at: [20, 352], exit: { scene: 'via_liguri_magelli', at: [264, 202], face: 'down' },
                 },
+                // In fondo all'elenco, così sta sopra a parcheggio e casa: il clic sul Chiaru è suo (l'ultimo della lista vince).
+                {
+                    id: 'chiaru', name: 'il Chiaru', box: [498, 212, 46, 106], at: [470, 330], face: 'right', default: 'talk',
+                    actions: {
+                        look: [{ say: 'Il Chiaru, con le ginocchia bianche di gesso e una Formula 1 blu in mano.' }],
+                        talk: [{ dialogue: 'chiaru' }],
+                    },
+                },
             ],
         },
         // L'ingresso della scuola, giù per la strada dalla salita di Villa Adami: dal cancello alle porte a vetri.
@@ -3253,7 +3253,7 @@ export const story = {
             nodes: {
                 start: {
                     options: [
-                        { text: 'Si corre?', next: 'livello', then: [{ say: 'Un giro, una spinta a testa, prima te. Tutta fuori dal gesso, si torna indietro. Come la vuoi?', who: 'chiaru', pose: 'explain' }] },
+                        { text: 'Si fa una gara alle macchinine?!?!', next: 'livello', then: [{ say: 'Un giro, una spinta a testa, prima te. Tutta fuori dal gesso, si torna indietro. Come la vuoi?', who: 'chiaru', pose: 'explain' }] },
                         { text: 'Che pista hai disegnato?', then: [
                             { say: 'Rettilineo, curvone, rettilineo, e in fondo la esse. Nella esse chi ha fretta esce.', who: 'chiaru', pose: 'explain' },
                             { say: 'Il tombino l\'ho lasciato in pista: porta fortuna.', who: 'chiaru', pose: 'talk' },
@@ -3264,7 +3264,8 @@ export const story = {
                             { say: 'Chi taglia la strada: tagliè. Chi si ribalta: cappottè. E chi esce tutto dal gesso, fuori.', who: 'chiaru', pose: 'talk' },
                             { say: 'In tutti i casi, si torna dov\'eri prima.', who: 'chiaru', pose: 'shrug' },
                         ] },
-                        { text: 'Dopo, Chiaru.', next: 'end', then: [{ say: 'La pista è qui. Finché non piove.', who: 'chiaru', pose: 'stand' }] },
+                        // Il saluto (Andrea, 29 ottobre).
+                        { text: 'Vado a fare un girino alle case rosse.', next: 'end', then: [{ say: 'Vorrai dire un giochino!', who: 'chiaru', pose: 'laugh' }, { say: 'Ciao Mattè.' }] },
                     ],
                 },
                 livello: {
@@ -3279,11 +3280,12 @@ export const story = {
         },
         // Trappizzio Berti al tavolo di mezzo: le biglie nascoste e «Oh tirami questo rinquarto!?» (Andrea, 28 ottobre).
         // [DA ANDREA: le battute sono provvisorie, tranne la sua sfida]
+        // Andrea, parlandogli, lo chiama Fabri (29 ottobre).
         bertovo: {
             nodes: {
                 start: {
                     options: [
-                        { text: 'Trappizzio Berti! Che fai, giochi da solo?', then: [
+                        { text: 'Fabri! Che fai, giochi da solo?', then: [
                             { say: 'Da solo? Io gioco contro le sponde. E vinco quasi sempre.', who: 'bertovo', pose: 'explain' },
                         ] },
                         { text: 'Come fai a prendere le biglie dove nessuno ci arriva?', then: [
@@ -3298,7 +3300,7 @@ export const story = {
                         { text: 'Si fa una sfida a rinquarti?', next: 'sfida', then: [
                             { say: 'Le biglie le metto io, nascoste per bene. Tiri te, poi tiro io. Oh tirami questo rinquarto!?', who: 'bertovo', pose: 'explain' },
                         ] },
-                        { text: 'Ci si vede, Trappizzio Berti.', next: 'end', then: [{ say: 'Occhio alle sponde, fuori.', who: 'bertovo', pose: 'shrug' }] },
+                        { text: 'Ci si vede, Fabri.', next: 'end', then: [{ say: 'Occhio alle sponde, fuori.', who: 'bertovo', pose: 'shrug' }] },
                     ],
                 },
                 sfida: {

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.38';
+export const VERSION = '0.1.41';
 
 // 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).

tests/gara.browser.mjs

@@ -0,0 +1,56 @@
+// Il GP di Fortezza nel browser vero: alla bona e seria la guida semplice (solo gas, lasciando si frena), a ginocchio
+// in terra lo sterzo vero. npm run browser:gara — schermate in /tmp/regolo-gara.
+import { chromium } from 'playwright';
+import { mkdirSync } from 'node:fs';
+import assert from 'node:assert/strict';
+import { staticServer } from './helpers.mjs';
+
+const out = process.env.OUT ?? '/tmp/regolo-gara';
+mkdirSync(out, { recursive: true });
+const server = await staticServer();
+let browser;
+const errors = [];
+
+try {
+    browser = await chromium.launch({ args: ['--autoplay-policy=no-user-gesture-required', '--use-gl=angle', '--use-angle=swiftshader', '--enable-unsafe-swiftshader'] });
+    for (const [name, mobile, viewport, level] of [
+        ['touch', true, { width: 844, height: 390 }, 'seria'],
+        ['portrait', true, { width: 390, height: 844 }, 'bona'],
+        ['desktop', false, { width: 1280, height: 860 }, 'male'],
+    ]) {
+        const page = await browser.newPage({ viewport, hasTouch: mobile, isMobile: mobile });
+        page.on('pageerror', e => errors.push(e.message));
+        await page.goto(`http://127.0.0.1:${server.port}/`);
+        await page.click('#splash');
+        await page.click('#new-game');
+        await page.click('#rione [data-rione="campomigliaio"]');
+        await page.click('#skip-intro');
+        await page.evaluate(async level => {
+            const { settle } = await import('/tests/helpers.mjs');
+            settle(game); game.run({ closeup: 'gara', level }); settle(game);
+        }, level);
+        await page.waitForSelector('#bocce-controls:not([hidden])');
+        // 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 });
+        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();
+        await page.waitForFunction(() => game.closeup.riders.find(r => r.id === 'andrea').v > 40, null, { timeout: 15000 });
+        await page.screenshot({ path: `${out}/${name}-${level}.png` });
+        if (mobile) await page.locator('#bocce-throw').tap(); else await page.locator('#bocce-throw').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);
+        assert.ok(after < v, `${name}: senza gas rallenta (${v.toFixed(0)} → ${after.toFixed(0)})`);
+        await page.close();
+    }
+    assert.deepEqual(errors, []);
+    console.log(`ok: schermate in ${out}`);
+} finally {
+    await browser?.close();
+    server.kill();
+}

tests/gara.test.mjs

@@ -1,6 +1,6 @@
 import test from 'node:test';
 import assert from 'node:assert/strict';
-import { 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, 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';
@@ -58,7 +58,7 @@ test('i piloti sono dati: motore da 1 a 6 e testa da 1 a 5 danno velocità, acce
 });
 
 test('il semaforo, poi il gas: tenendo premuto si va, lasciando si rallenta, il freno vince sul gas', () => {
-    const c = newGara(3, { level: 'seria', riders: RIDERS });
+    const c = newGara(3, { level: 'seria', riders: RIDERS, simple: false });
     for (const r of RIDERS) assert.ok(press(c, 7), r.id);
     assert.equal(c.step, 'start', 'un tocco per pilota e la presentazione è finita');
     assert.equal(c.holding, false, 'senza dare gas');
@@ -161,7 +161,7 @@ test('l’origine segue gli swipe lunghi e si può correggere; rilascio e annull
 });
 
 test('alla bona si completano tre giri usando solo un dito, senza tasti o pulsanti', () => {
-    const c = race(newGara(5, { level: 'bona', riders: piloti.filter(p => p.consenso !== null) }));
+    const c = race(newGara(5, { level: 'bona', riders: piloti.filter(p => p.consenso !== null), simple: false }));
     aimScreen(c, [320, 180], 'bot'); press(c, 'bot');
     for (let t = 0; t < 180 && c.step === 'race'; t += 1 / 60) {
         swipeTo(c, pointAt(player(c).s + 50));
@@ -198,7 +198,7 @@ test('la presentazione: uno alla volta arrivano in griglia col motorino, poi il
 });
 
 test('sempre a gas e dritto si finisce nella paglia; con giudizio alla bona si vince', () => {
-    const wild = newGara(5, { level: 'bona', riders: piloti.filter(p => p.consenso !== null) });
+    const wild = newGara(5, { level: 'bona', riders: piloti.filter(p => p.consenso !== null), simple: false });
     skip(wild);
     run(wild, COUNTDOWN + 60, () => true);
     assert.ok(wild.heard.has('gara-fuori:andrea'));
@@ -206,7 +206,7 @@ test('sempre a gas e dritto si finisce nella paglia; con giudizio alla bona si v
     assert.equal(wild.step, 'race', 'dritto non si arriva');
     const heard = new Set();
     for (const seed of [1, 2, 3, 4]) {
-        const c = newGara(seed, { level: 'bona', riders: piloti.filter(p => p.consenso !== null) });
+        const c = newGara(seed, { level: 'bona', riders: piloti.filter(p => p.consenso !== null), simple: false });
         skip(c); setPower(c, 1); // a sensibilità piena: il dito risponde subito
         for (const k of run(c, COUNTDOWN + 120, careful)) heard.add(k);
         assert.equal(c.step, 'result'); assert.equal(c.result.winner, 'player', `seme ${seed}`);
@@ -219,7 +219,7 @@ test('sempre a gas e dritto si finisce nella paglia; con giudizio alla bona si v
 
 test('alla sensibilità di partenza (bassa) lo stesso pilota non finisce mai nella paglia', () => {
     for (const seed of [1, 2, 3]) {
-        const c = newGara(seed, { level: 'bona', riders: piloti.filter(p => p.consenso !== null) });
+        const c = newGara(seed, { level: 'bona', riders: piloti.filter(p => p.consenso !== null), simple: false });
         skip(c); assert.equal(c.sens, SWIPE.sens);
         run(c, COUNTDOWN + 120, careful);
         assert.equal(c.step, 'result'); assert.equal(c.result.offs, 0, `seme ${seed}`);
@@ -270,3 +270,37 @@ test('nella storia: dal Trappola l\'Arcu scherza sul Betino, poi la sfida; prima
     // Il Betino, lassù: solo Andrea ne parla.
     g.act('use', 'betino'); assert.ok(settle(g).every(s => s.who === 'andrea'));
 });
+
+// La guida semplice (Andrea, 29 ottobre: dal telefono lo sterzo era ingiocabile): alla bona e seria si tiene premuto
+// per il gas e lasciando si frena, lo sterzo va da solo; troppo forte in curva si scivola fuori. Ginocchio in terra no.
+test('guida semplice: alla bona e seria sì, a ginocchio in terra no; lasciando si frena e lo sterzo va da solo', () => {
+    const riders = piloti.filter(p => p.consenso !== null);
+    assert.equal(simple(newGara(1, { level: 'bona', riders })), true);
+    assert.equal(simple(newGara(1, { level: 'seria', riders })), true);
+    assert.equal(simple(newGara(1, { level: 'male', riders })), false);
+    const c = race(newGara(1, { level: 'bona', riders }));
+    run(c, 2, () => true);
+    const v = player(c).v; assert.ok(v > 40);
+    run(c, 0.3, () => false);
+    assert.ok(player(c).v < v - BRAKE * 0.3 + 5, 'lasciando frena, non solo rallenta');
+    assert.match(status(c), /Freno\./);
+    // Le frecce non sterzano: lo sterzo segue la strada.
+    key(c, 'ArrowLeft', true); run(c, 2, () => true); key(c, 'ArrowLeft', false);
+    assert.ok(Math.abs(player(c).lat) < 9, 'resta in strada');
+});
+
+test('guida semplice: sempre a tutto gas si finisce nella paglia; mollando prima delle curve no, e alla bona si vince', () => {
+    const riders = piloti.filter(p => p.consenso !== null);
+    // Molla quando, frenando da qui, arriverebbe a una curva sopra il limite della guida semplice.
+    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); 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: 'bona', riders }));
+        run(wild, 120, () => true);
+        assert.ok(wild.result.offs > 0, 'a tutto gas si esce');
+        const c = race(newGara(seed, { level: 'bona', riders }));
+        run(c, 120, wise);
+        assert.equal(c.result.offs, 0); assert.equal(c.result.falls, 0, 'le buche si scansano');
+        assert.equal(c.result.winner, 'player', `seme ${seed}`);
+    }
+    assert.ok(SIMPLE.slide > 0);
+});

tests/micro.browser.mjs

@@ -34,19 +34,31 @@ try {
         await page.evaluate(async () => {
             const { settle } = await import('/tests/helpers.mjs');
             game.act('talk', 'chiaru'); settle(game);
-            game.choose(game.options().findIndex(o => o.text === 'Si corre?')); settle(game);
+            game.choose(game.options().findIndex(o => o.text === 'Si fa una gara alle macchinine?!?!')); settle(game);
             game.choose(game.options().findIndex(o => o.text === 'Alla bona.')); settle(game);
         });
         await page.waitForSelector('#bocce-controls:not([hidden])');
         await page.waitForFunction(async () => {
             const { hasBackground } = await import('/src/engine/render.js');
-            return hasBackground('assets/closeups/micro-parcheggio.png') && hasBackground('assets/closeups/micro/rossa.png');
+            return hasBackground('assets/closeups/micro-parcheggio.png');
         });
-        assert.equal(await page.locator('#bocce-throw').textContent(), 'Spingi');
+        // Prima si sceglie la macchinina: la viola, toccandola.
+        assert.equal(await page.locator('#bocce-throw').textContent(), 'Scegli');
+        await page.waitForFunction(async () => (await import('/src/engine/render.js')).hasBackground('assets/closeups/micro/viola-grande.png'));
+        if (name === 'desktop') { await page.waitForTimeout(1600); await page.screenshot({ path: `${out}/${name}-sceglie.png` }); }
+        {
+            const box = await page.locator('#scene').boundingBox(), [vx, vy] = [480, 220];
+            const at = { x: box.x + vx / 640 * box.width, y: box.y + vy / 360 * box.height };
+            if (mobile) await page.touchscreen.tap(at.x, at.y); else await page.mouse.click(at.x, at.y);
+        }
+        assert.deepEqual(await page.evaluate(() => game.closeup.colors), { player: 'viola', cpu: 'blu' });
+        await page.waitForTimeout(1600);
+        if (name === 'desktop') await page.screenshot({ path: `${out}/${name}-scelta.png` });
+        await page.waitForFunction(() => document.querySelector('#bocce-throw').textContent === 'Spingi');
         assert.ok(await page.locator('#micro-help').isVisible(), 'il «Come si gioca» delle macchinine');
         const exit = await page.locator('#closeup-close').boundingBox(), canvas = await page.locator('#scene').boundingBox();
         assert.ok(exit.y >= canvas.y + canvas.height, 'l\'uscita sta fuori dalla pista');
-        await page.waitForTimeout(1600);
+        await page.waitForFunction(async () => (await import('/src/engine/render.js')).hasBackground('assets/closeups/micro/viola.png'));
         const state = () => page.evaluate(() => ({ angle: game.closeup.angle, power: game.closeup.power, step: game.closeup.step, x: game.closeup.cars.player.x }));
         // Un punto della pista davanti alla macchinina di Andrea, in pixel della pagina.
         const ahead = await page.evaluate(() => { const c = game.closeup, i = (c.cars.player.idx + 50) % c.track.n; return c.track.pts[i]; });

tests/micro.test.mjs

@@ -1,11 +1,16 @@
 import test from 'node:test';
+import { existsSync } from 'node:fs';
 import assert from 'node:assert/strict';
 import * as m from '../src/engine/micro.js';
+import * as micro from '../src/engine/micro.js';
 import { drawMicro } from '../src/engine/micro-render.js';
 import { Game, MINIGAMES } from '../src/engine/game.js';
 import { story } from '../src/story/story.js';
 import { settle } from './helpers.mjs';
 
+// Una gara con la macchinina già scelta (la rossa), per provare il resto.
+const newMicro = (seed, def = {}) => micro.newMicro(seed, { car: 'rossa', ...def });
+
 // Fa andare la spinta in corso (e quella del Chiaru, se tocca a lui) finché non si torna a mirare o è finita.
 function run(c, limit = 20000) {
     for (let i = 0; i < limit && !(m.canThrow(c) || c.step === 'result'); i++) m.update(c, 1 / 60);
@@ -44,7 +49,7 @@ test('la pista: chiusa, larga uguale, e le macchinine partono in pista poco prim
         const d = Math.hypot(t.pts[i][0] - t.pts[j][0], t.pts[i][1] - t.pts[j][1]);
         assert.ok(d > 2 * m.HALF + 2 * m.CAR.r, `tratti troppo vicini: ${i} e ${j} (${d.toFixed(1)} px)`);
     }
-    const c = m.newMicro(1);
+    const c = newMicro(1);
     for (const car of Object.values(c.cars)) {
         assert.ok(!m.isOut(m.project(t, car.x, car.y).d));
         assert.ok(car.progress < 0 && car.progress > -30, 'prima del traguardo');
@@ -52,10 +57,10 @@ test('la pista: chiusa, larga uguale, e le macchinine partono in pista poco prim
 });
 
 test('stesso seme: stessa partita; la spinta va lontano quanto dice la guida', () => {
-    const a = m.newMicro(4, { level: 'male' }), b = m.newMicro(4, { level: 'male' });
+    const a = newMicro(4, { level: 'male' }), b = newMicro(4, { level: 'male' });
     for (const c of [a, b]) { flick(c); run(c); }
     assert.deepEqual(a.cars, b.cars);
-    const c = m.newMicro(2, { level: 'bona' }), start = { ...c.cars.player };
+    const c = newMicro(2, { level: 'bona' }), start = { ...c.cars.player };
     c.power = 0.6; const g = m.guide(c);
     assert.ok(m.shoot(c)); run(c);
     // Il Chiaru ha già spinto: la macchinina di Andrea sta dove diceva la guida (se lui non l'ha urtata).
@@ -64,7 +69,7 @@ test('stesso seme: stessa partita; la spinta va lontano quanto dice la guida', (
 });
 
 test('tutta fuori: si torna dove si era prima della spinta, e la guida lo diceva', () => {
-    const c = m.newMicro(3, { level: 'bona' }), start = { x: c.cars.player.x, y: c.cars.player.y };
+    const c = newMicro(3, { level: 'bona' }), start = { x: c.cars.player.x, y: c.cars.player.y };
     c.angle = -Math.PI / 2; c.power = 1; // dritto verso l'erba in alto
     assert.equal(m.guide(c).out, true);
     assert.ok(m.shoot(c));
@@ -78,9 +83,35 @@ test('tutta fuori: si torna dove si era prima della spinta, e la guida lo diceva
     assert.ok(c.events.some(e => e.kind === 'micro-fuori'));
 });
 
+test('si parte scegliendo la macchinina: tocco, frecce, pulsante; il Chiaru tiene la blu, o la rossa se la blu è presa', () => {
+    const c = micro.newMicro(1);
+    assert.equal(c.step, 'choose'); assert.equal(m.canThrow(c), false); assert.equal(m.button(c), 'Scegli');
+    assert.ok(m.aimScreen(c, m.choiceAt(4))); assert.equal(c.choice, 4);
+    assert.equal(m.turn(c, 1, 'x'), false); assert.equal(c.choice, 5, 'la freccia passa alla dopo');
+    m.turn(c, 1, 'x'); assert.equal(c.choice, 0, 'e ricomincia dalla prima');
+    assert.ok(m.shoot(c)); assert.deepEqual(c.colors, { player: 'rossa', cpu: 'blu' }); assert.equal(c.step, 'aim');
+    const d = micro.newMicro(1); m.aimScreen(d, m.choiceAt(1)); assert.ok(m.press(d, 7));
+    assert.deepEqual(d.colors, { player: 'blu', cpu: 'rossa' });
+    assert.equal(d.holding, false, 'il tocco che sceglie non carica la spinta');
+    for (const car of m.CARS) assert.ok(existsSync(new URL('../' + m.carImage(car.id, true), import.meta.url)) && existsSync(new URL('../' + m.carImage(car.id), import.meta.url)));
+});
+
+test('primo e secondo mentre si va; nel risultato il perché', () => {
+    const c = newMicro(1);
+    c.cars.player.progress = 100; c.cars.cpu.progress = 80;
+    assert.equal(m.rank(c, 'player'), 1); assert.equal(m.rank(c, 'cpu'), 2);
+    assert.match(m.status(c), /Andrea 1°.*Chiaru 2°/);
+    c.result = { winner: 'cpu', flicks: { player: 20, cpu: 20 }, over: { player: 5, cpu: 22 } };
+    assert.deepEqual(m.why(c), ['Tutti e due al traguardo alla spinta 20:', 'vince chi va più in là, il Chiaru di 3 centimetri.']);
+    c.result = { winner: 'player', flicks: { player: 9, cpu: 9 }, over: { player: 5, cpu: -40 } };
+    assert.deepEqual(m.why(c), ['Andrea al traguardo alla spinta 9;', 'al Chiaru non è bastata la sua.']);
+    c.result = { winner: 'draw', flicks: { player: 9, cpu: 9 }, over: { player: 5, cpu: 5.4 } };
+    assert.match(m.why(c).join(' '), /pari/);
+});
+
 test('le penalità alla francese: tagliè, cappottè, accompagnè; per tutte si torna indietro', () => {
     // Tagliè: dal tratto di mezzo della esse, dritti in su attraverso l'erba verso il tratto di sopra.
-    const t = m.newMicro(1, { level: 'bona' }), [sx, sy] = t.track.pts[Math.round(t.track.n * 0.48)];
+    const t = newMicro(1, { level: 'bona' }), [sx, sy] = t.track.pts[Math.round(t.track.n * 0.48)];
     const p = m.project(t.track, sx, sy); Object.assign(t.cars.player, { x: sx, y: sy, idx: p.i, s: p.s, progress: p.s });
     t.angle = -Math.PI / 2; t.power = 0.6; assert.ok(m.shoot(t));
     for (let i = 0; i < 2000 && t.step !== 'settle'; i++) m.update(t, 1 / 60);
@@ -88,7 +119,7 @@ test('le penalità alla francese: tagliè, cappottè, accompagnè; per tutte si
     assert.match(t.line, /^Tagliè! Andrea torna dov'era\./);
     assert.deepEqual([t.cars.player.x, t.cars.player.y], [sx, sy]);
     // Cappottè: Andrea a tutta forza contro il Chiaru fermo davanti.
-    const k = m.newMicro(2, { level: 'bona' }), me = k.cars.player, him = k.cars.cpu, before = { x: him.x, y: him.y };
+    const k = newMicro(2, { level: 'bona' }), me = k.cars.player, him = k.cars.cpu, before = { x: him.x, y: him.y };
     k.angle = Math.atan2(him.y - me.y, him.x - me.x); k.power = 1; assert.ok(m.shoot(k));
     for (let i = 0; i < 2000 && k.step !== 'settle'; i++) m.update(k, 1 / 60);
     assert.equal(him.fault, 'cappotte');
@@ -97,7 +128,7 @@ test('le penalità alla francese: tagliè, cappottè, accompagnè; per tutte si
     // Torna al suo posto; se lì c'è ora Andrea, si scosta appena quanto basta.
     assert.ok(Math.hypot(him.x - before.x, him.y - before.y) <= 2 * m.CAR.r + 1e-9);
     // Accompagnè: tenuto premuto ben oltre la carica piena.
-    const a = m.newMicro(3), start = { x: a.cars.player.x, y: a.cars.player.y };
+    const a = newMicro(3), start = { x: a.cars.player.x, y: a.cars.player.y };
     assert.ok(m.press(a));
     for (let i = 0; i < 120; i++) m.update(a, 1 / 60);
     assert.ok(m.overHeld(a));
@@ -106,7 +137,7 @@ test('le penalità alla francese: tagliè, cappottè, accompagnè; per tutte si
     assert.match(a.line, /^Accompagnè! Andrea torna dov'era\./);
     assert.deepEqual([a.cars.player.x, a.cars.player.y], [start.x, start.y]);
     // Lasciando in tempo, la spinta piena vale.
-    const ok = m.newMicro(3); m.press(ok);
+    const ok = newMicro(3); m.press(ok);
     for (let i = 0; i < Math.round((m.SWING + 0.2) * 60); i++) m.update(ok, 1 / 60);
     m.release(ok); assert.equal(ok.cars.player.fault, null);
 });
@@ -114,7 +145,7 @@ test('le penalità alla francese: tagliè, cappottè, accompagnè; per tutte si
 test('una partita intera: stesse spinte per tutti e due, un vincitore, e il Chiaru alla bona perde contro chi usa la guida', () => {
     const wins = { player: 0, cpu: 0, draw: 0 };
     for (const seed of [1, 2, 3]) {
-        const c = m.newMicro(seed, { level: 'bona' });
+        const c = newMicro(seed, { level: 'bona' });
         for (let n = 0; n < 80 && c.step !== 'result'; n++) { if (m.canThrow(c)) guided(c); run(c); }
         assert.equal(c.step, 'result');
         assert.equal(c.result.flicks.player, c.result.flicks.cpu);
@@ -124,7 +155,7 @@ test('una partita intera: stesse spinte per tutti e due, un vincitore, e il Chia
     assert.ok(wins.player >= 2, `alla bona Andrea, con la guida, deve vincere quasi sempre (${JSON.stringify(wins)})`);
     // A fassi male il Chiaru fa il giro con meno spinte che alla bona.
     const flicks = level => {
-        const c = m.newMicro(7, { level });
+        const c = newMicro(7, { level });
         for (let n = 0; n < 80 && c.step !== 'result'; n++) { if (m.canThrow(c)) { c.angle = c.cars.player.heading; c.power = 0; m.shoot(c); } run(c); }
         return c.flicks.cpu;
     };
@@ -132,14 +163,18 @@ test('una partita intera: stesse spinte per tutti e due, un vincitore, e il Chia
 });
 
 test('i comandi: un tocco mira soltanto, tenere premuto carica, lasciare spinge; la mira si gira con le frecce', () => {
-    const c = m.newMicro(5);
+    const c = newMicro(5);
     assert.ok(m.press(c, 1)); m.update(c, 0.05); assert.ok(m.release(c, 1) === true && c.step === 'aim', 'il tocco breve non spinge');
-    assert.ok(m.press(c, 1)); for (let i = 0; i < 60; i++) m.update(c, 1 / 60); assert.ok(c.charging);
+    // Premuto, la forza riparte da zero e sale; un secondo dopo è quasi piena.
+    assert.ok(m.press(c, 1)); assert.equal(c.power, 0);
+    m.update(c, 0.3); const early = c.power; assert.ok(c.charging && early > 0.2 && early < 0.3, `forza ${early}`);
+    for (let i = 0; i < 42; i++) m.update(c, 1 / 60);
+    assert.ok(c.power > early && c.power < 1);
     const before = c.cars.player.x;
     assert.ok(m.release(c, 1)); assert.equal(c.step, 'rolling');
     m.update(c, 0.2); assert.notEqual(c.cars.player.x, before);
     assert.equal(m.press(c, 2), false, 'mentre corre non si spinge');
-    const d = m.newMicro(5), a0 = d.angle;
+    const d = newMicro(5), a0 = d.angle;
     m.key(d, 'ArrowRight', true); m.update(d, 0.5); m.key(d, 'ArrowRight', false);
     assert.ok(d.angle > a0);
     assert.ok(m.aimScreen(d, [320, 200])); assert.equal(m.aimScreen(d, [320, 10]), false, 'il tabellone non si mira');
@@ -147,7 +182,7 @@ test('i comandi: un tocco mira soltanto, tenere premuto carica, lasciare spinge;
 });
 
 test('il Chiaru pensa a pezzi: nessun fotogramma lo ferma troppo', () => {
-    const c = m.newMicro(6, { level: 'male' });
+    const c = newMicro(6, { level: 'male' });
     flick(c);
     let worst = 0;
     for (let i = 0; i < 600 && !m.canThrow(c); i++) { const t = performance.now(); m.update(c, 1 / 60); worst = Math.max(worst, performance.now() - t); }
@@ -156,28 +191,31 @@ test('il Chiaru pensa a pezzi: nessun fotogramma lo ferma troppo', () => {
 
 test('il disegno: gesso, macchinine, guida e risultato; lo stato non cambia', () => {
     const calls = [], ctx = new Proxy({}, { get: (o, k) => k in o ? o[k] : (...args) => calls.push([k, ...args]) });
-    const c = m.newMicro(8, { level: 'bona' }), bg = {}, cars = { [story.closeups.micro.cars.player]: { car: 'player' } };
+    const c = newMicro(8, { level: 'bona' }), bg = {}, cars = { [m.carImage('rossa')]: { car: 'player' } };
     const draw = () => { const before = structuredClone(c); drawMicro(ctx, c, story.closeups.micro, bg, src => cars[src]); assert.deepEqual(c, before); };
     draw();
     assert.ok(calls.some(([op, img]) => op === 'drawImage' && img === bg));
     assert.ok(calls.filter(([op, img]) => op === 'drawImage' && img?.car === 'player').length >= 2, 'la macchinina e il suo fantasma');
     assert.ok(calls.some(([op, t]) => op === 'fillText' && t === 'Chiaru'));
-    c.step = 'result'; c.result = { winner: 'cpu', flicks: { player: 12, cpu: 12 } }; calls.length = 0; draw();
+    c.step = 'result'; c.result = { winner: 'cpu', flicks: { player: 12, cpu: 12 }, over: { player: 3, cpu: 20 } }; calls.length = 0; draw();
+    assert.ok(calls.some(([op, t]) => op === 'fillText' && t === 'vince chi va più in là, il Chiaru di 3 centimetri.'));
     assert.ok(calls.some(([op, t]) => op === 'fillText' && t === 'HA VINTO IL CHIARU'));
 });
 
 test('il Chiaru al parcheggio di Cardetole: si chiacchiera, si sceglie il livello e si corre', () => {
     assert.ok(MINIGAMES.micro);
     const g = new Game(story); g.go('cardetole'); settle(g);
+    // Il clic su tutto il Chiaru (testa, pancia, gambe) è suo, anche dove sta sopra al parcheggio.
+    for (const y of [222, 260, 300, 314]) assert.equal(g.hotspotAt([520, y])?.id, 'chiaru', `clic a y=${y}`);
     g.act('talk', 'chiaru'); settle(g);
     assert.ok(!g.options().some(o => o.text === 'Seria.'), 'il livello non si sceglie subito');
-    g.choose(g.options().findIndex(o => o.text === 'Si corre?')); settle(g);
+    g.choose(g.options().findIndex(o => o.text === 'Si fa una gara alle macchinine?!?!')); settle(g);
     g.choose(g.options().findIndex(o => o.text === 'No, aspetta.')); settle(g);
     assert.equal(g.closeup, null);
-    g.choose(g.options().findIndex(o => o.text === 'Si corre?')); settle(g);
+    g.choose(g.options().findIndex(o => o.text === 'Si fa una gara alle macchinine?!?!')); settle(g);
     g.choose(g.options().findIndex(o => o.text === 'A fassi male.')); settle(g);
     assert.equal(g.closeup?.id, 'micro'); assert.equal(g.closeup.level, 'male');
-    g.closeup.step = 'result'; g.closeup.result = { winner: 'player', flicks: { player: 11, cpu: 11 } };
+    g.closeup.step = 'result'; g.closeup.result = { winner: 'player', flicks: { player: 11, cpu: 11 }, over: { player: 4, cpu: -30 } };
     g.closeupClose(); settle(g);
     assert.ok(g.state.flags.micro_vinto);
 });