Musica, vecchietti con sprite, nuove scene del paese e generatore degli sfondi

Lavoro della sessione precedente: colonna sonora (titolo, paese, ricordi) con muto e volume,
vecchietta e vecchietto sulla panchina, scene di Pieve, oratorio, Via de' Medici, Villa Adami,
salita, campeggio, Bosco ai Frati e viale dei cipressi, panorama dell'introduzione,
tools/genera.py per gli sfondi dalle foto.

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

index.html

@@ -11,12 +11,21 @@
   <div id="stage">
     <canvas id="scene" width="640" height="360" aria-label="La scena dell'avventura"></canvas>
     <div id="speech" aria-live="polite"></div>
+    <div id="sound">
+      <button id="mute" aria-label="Musica: togli l'audio" title="Musica (M)">♪</button>
+      <input id="volume" type="range" min="0" max="100" step="5" aria-label="Volume della musica">
+    </div>
     <section id="title" class="overlay">
       <h1>La Leggenda<br>del <span>Regolo</span></h1>
       <p class="subtitle">San Piero a Sieve · Palio della Fortezza · 2007</p>
       <div class="buttons"><button id="continue" hidden>Continua</button><button id="new-game">Nuova partita</button></div>
       <p class="dedication">Al Lele, che mi ha fatto conoscere Monkey Island.</p>
     </section>
+    <section id="intro" class="overlay" hidden>
+      <p id="intro-text" aria-live="polite"></p>
+      <p class="hint">clic o spazio per continuare</p>
+      <button id="skip-intro">Salta</button>
+    </section>
     <section id="ending" class="overlay" hidden>
       <h2>Fine del prototipo</h2>
       <p>Il Regolo è passato di qui. Il resto della storia è ancora da scrivere.</p>