Il libro dell'oratorio in primo piano: copertina, frontespizio, una pagina che gira col fruscio e «FINE» (immagini di Codex, testi disegnati dal codice); l'Arcu a scelte (Borgo e la Casa dell'Armando); il cancello dell'oratorio e l'A. Bettini

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

src/main.js

@@ -385,11 +385,14 @@ let press = null;
 canvas.addEventListener('pointerdown', e => {
     if (debug && e.shiftKey && e.button === 0) { debugPoint(scenePoint(e)); return; }
     if (!running || e.button > 0) return;
+    // Nel primo piano un tocco sfoglia (o salta la battuta): gli oggetti della scena dietro non si toccano.
+    if (game.closeup) { press = { closeup: true }; return; }
     const point = scenePoint(e), reach = reachOf(e);
     press = { point, reach, long: false, timer: setTimeout(() => { press.long = true; command.clickScene(point, { look: true, reach }); }, LONG_PRESS) };
 });
 canvas.addEventListener('pointerup', e => {
     if (!press) return;
+    if (press.closeup) { press = null; if (!game.skip()) game.closeupTap(); return; }
     clearTimeout(press.timer);
     // Il secondo clic vicino al primo, entro poco, è un doppio clic: stesso comando, al doppio della velocità.
     if (!press.long) {
@@ -403,7 +406,7 @@ canvas.addEventListener('pointerup', e => {
 canvas.addEventListener('pointercancel', () => { if (press) clearTimeout(press.timer); press = null; });
 canvas.addEventListener('contextmenu', e => {
     e.preventDefault();
-    if (running) command.clickScene(scenePoint(e), { look: true });
+    if (running && !game.closeup) command.clickScene(scenePoint(e), { look: true });
 });
 canvas.addEventListener('pointermove', e => {
     if (!running) return;
@@ -489,6 +492,13 @@ window.addEventListener('keydown', e => {
     if (!$('pause').hidden) { if (e.key === 'Escape') closePause(); return; }
     if (!$('notebook').hidden) { if (['Escape', 'n', 'N'].includes(e.key)) $('notebook').hidden = true; return; }
     if (!$('map').hidden) { if (e.key === 'Escape' || e.key === 'p' || e.key === 'P') $('map').hidden = true; return; }
+    // Nel primo piano: Invio, spazio o freccia sfogliano (o saltano la battuta), Esc chiude il libro.
+    if (running && game.closeup) {
+        if (e.key === 'Escape') game.closeupClose();
+        else if ([' ', 'Enter', 'ArrowRight'].includes(e.key)) { e.preventDefault(); if (!game.skip()) game.closeupTap(); }
+        else if (e.key === 'm' || e.key === 'M') toggleMute();
+        return;
+    }
     if ((e.key === 'p' || e.key === 'P') && running) { openMap(); return; }
     if ((e.key === 'h' || e.key === 'H') && running) { showSpots(); return; }
     if ((e.key === 'n' || e.key === 'N') && running) { openNotebook(); return; }
@@ -502,6 +512,28 @@ window.addEventListener('keydown', e => {
     if (game.dialogue && n >= 1 && n <= 9) game.choose(n - 1);
 });
 
+// --- Il primo piano: si chiude col pulsante; la pagina che gira fruscia (rumore filtrato, niente file audio).
+$('closeup-close').addEventListener('click', () => game?.closeupClose());
+let turning = null, audioCtx = null;
+function rustle() {
+    if (music.muted || voices.volume <= 0) return;
+    try {
+        audioCtx ??= new AudioContext();
+        const sr = audioCtx.sampleRate, len = Math.floor(sr * 0.42), buf = audioCtx.createBuffer(1, len, sr), d = buf.getChannelData(0);
+        // Un fruscio a strappi: rumore che si accende e si spegne, come la carta che striscia.
+        for (let i = 0; i < len; i++) { const t = i / len; d[i] = (Math.random() * 2 - 1) * Math.sin(Math.PI * t) * (0.55 + 0.45 * Math.sin(t * 38)); }
+        const src = audioCtx.createBufferSource(), filter = audioCtx.createBiquadFilter(), gain = audioCtx.createGain();
+        src.buffer = buf;
+        filter.type = 'bandpass';
+        filter.frequency.setValueAtTime(2400, audioCtx.currentTime);
+        filter.frequency.linearRampToValueAtTime(5200, audioCtx.currentTime + 0.42);
+        filter.Q.value = 0.8;
+        gain.gain.value = 0.5 * voices.volume;
+        src.connect(filter).connect(gain).connect(audioCtx.destination);
+        src.start();
+    } catch { /* senza audio si gira la pagina in silenzio */ }
+}
+
 // --- Fumetto sopra chi parla, tenuto dentro i bordi della scena.
 function updateSpeech() {
     const box = $('speech'), sp = game.speech;
@@ -528,16 +560,21 @@ function updateUi() {
     // Il bersaglio si ricalcola a ogni fotogramma: la scena cambia anche se il mouse sta fermo.
     hoverTarget = (game.state.inventory.includes(hoverItem) && hoverItem) || (mouse && game.hotspotAt(mouse)?.id) || null;
     for (const b of $('verbs').children) b.setAttribute('aria-pressed', String(command.verb === b.dataset.verb));
-    const text = !running || game.speech || game.dialogue ? '' : command.sentence(hoverTarget);
+    const text = !running || game.speech || game.dialogue || game.closeup ? '' : command.sentence(hoverTarget);
     if ($('sentence').textContent !== text) $('sentence').textContent = text;
     updateInventory();
     updateChoices();
     updateSpeech();
     // Il pulsante della mappa c'è solo in partita, fuori dai dialoghi, e quando c'è almeno un altro posto dove andare.
-    $('map-button').hidden = !running || !!game.dialogue || game.mapPlaces().length < 2;
+    $('map-button').hidden = !running || !!game.dialogue || !!game.closeup || game.mapPlaces().length < 2;
     $('pause-button').hidden = !running;
-    $('spots-button').hidden = !running;
-    $('notebook-button').hidden = !running || !story.notebook;
+    $('spots-button').hidden = !running || !!game.closeup;
+    $('notebook-button').hidden = !running || !story.notebook || !!game.closeup;
+    $('closeup-close').hidden = !running || !game.closeup;
+    // La pagina che comincia a girare fa il suo fruscio.
+    const step = game.closeup?.step ?? null;
+    if (step === 'turn' && turning !== 'turn') rustle();
+    turning = step;
     if (game.state.ended && !game.speech && !game.queue.length) {
         running = false;
         $('ending').hidden = false;