Cittadina 3D in stile anime con ciliegi in fiore, esplorabile liberamente

Usa Three.js per creare una "cittadina 3D in stile anime con ciliegi in fiore, esplorabile liberamente" come singolo file HTML, quindi pubblicala come pagina web condivisibile. [Vincoli tecnici] - Usa esclusivamente three.js r128 (build UMD) da cdnjs. Non caricare modelli o immagini esterni: genera tutti i modelli, le texture e le insegne dei negozi proceduralmente tramite codice e Canvas. - Usa contenuti originali per tutti i nomi dei negozi, le insegne e i personaggi. Non imitare marchi reali o opere esistenti. - Usa MeshStandardMaterial o MeshPhongMaterial. Evita valori elevati di metalness e le environment reflection map (su alcuni computer fanno apparire gli oggetti privi di colore). - Unisci gli oggetti statici per materiale in un numero ridotto di mesh, così da garantire buone prestazioni anche su computer comuni; fornisci un selettore della qualità Alta / Media / Bassa. [Scena: "桜ヶ丘 (Sakuragaoka)", una piccola cittadina giapponese in un pomeriggio di primavera] 1. Via commerciale: una strada principale nord-sud con oltre 20 negozi su entrambi i lati (ramen-ya, caffè, negozio di biciclette, libreria, fioraio, negozio di dolci giapponesi, farmacia, konbini e così via). Ogni negozio presenta: un'insegna su più righe (nome del negozio + nome in inglese + numero di telefono), una tenda da sole a strisce con mantovana smerlata, una vetrina arretrata con un interno dalla profondità visibile e un'esposizione sul marciapiede (casse di frutta, rastrelliera per riviste, vetrina con riproduzioni di cibo e palo da barbiere rotante). I piani superiori hanno finestre, unità di climatizzazione, balconi con bucato steso e antenne TV sul tetto. 2. Dettagli della strada: pali della luce con numerosi cavi aerei, lampioni decorativi con striscioni della via commerciale, file di lanterne da festival, piastrelle quadrate sul marciapiede con pavimentazione tattile gialla, grate di scolo, segnali di stop con la scritta "止まれ" e una fermata dell'autobus. 3. Passaggio a livello e treni: una ferrovia a doppio binario. Quando si avvicina un treno, le luci rosse del passaggio lampeggiano alternativamente, suona la campana e le sbarre si abbassano. Un treno pendolare a due carrozze si ferma alla stazione per circa 14 secondi e poi riparte. I finestrini sono trasparenti, così sono visibili i sedili e le maniglie interne. 4. Stazione con marciapiede a isola: tabellone con il nome della stazione, pensilina, panchine e distributore automatico. 5. Piazza dei ciliegi: un ciliegio centenario con una panchina circolare attorno al tronco. 6. Santuario Inari: un grande torii vermiglio più una fila di piccoli torii, lanterne di pietra, statue di volpi, un padiglione di culto (tetto verde rame, chigi, katsuogi, cassetta per le offerte e campana sospesa), una fontana per la purificazione (temizuya), statue di jizo, tavolette ema, un albero sacro e terreno ricoperto di ghiaia. 7. Argine lungo il fiume: due file di ciliegi che formano un tunnel di fiori, lanterne, un fiume, case sulla riva opposta e montagne in lontananza. [Come creare i ciliegi (parte fondamentale)] - Ispirati alla varietà Somei-Yoshino: il tronco si divide in basso in 3–4 rami principali, che si ramificano ricorsivamente per altri tre livelli. I rami si allargano verso l'esterno e ricadono leggermente alle estremità, creando nel complesso una forma a ombrello. - Crea la chioma con decine di migliaia di "schede di gruppi di fiori": disegna su Canvas fiori a cinque petali (con estremità dei petali dentellate, centri rossastri e stami), con uno strato di base rosa tenue dietro i fiori. Usa alphaTest e il rendering su entrambi i lati per le schede. - Aggiungi alcuni ciuffi rosa di riempimento all'interno della chioma per darle volume. Le parti esterne e superiori sono più luminose; quelle interne e inferiori hanno ombre dai toni rosa caldo. - Usa un rosa tenue, non un rosa fluo. La chioma ondeggia delicatamente al vento, un tappeto di petali caduti ricopre il terreno sotto ogni albero e i petali continuano a cadere nell'aria (tramite uno shader). [Personaggi] - Oltre 20 studenti e abitanti in stile anime: animazione della camminata con articolazioni di ginocchia e gomiti, volti anime disegnati su Canvas (occhi grandi, riflessi e guance arrossate) che sbattono le palpebre, frange composte da ciocche separate, una varietà di acconciature (capelli lunghi, caschetto, coda di cavallo ondeggiante, doppie code), uniformi alla marinara / uniformi con blazer / abiti casual. Renderizza i personaggi con cel shading a due toni e contorno scuro. - Le persone camminano lungo la strada, chiacchierano nella piazza, aspettano sul marciapiede della stazione, pregano al santuario e vanno in bicicletta lungo l'argine. [Veicoli] - Crea le automobili estrudendo un profilo laterale (con passaruota, finestrini, luci, targhe giapponesi e ruote rotanti). Le auto si fermano prima del passaggio a livello e, mentre suona la campana, restano in attesa finché le sbarre non si alzano. [Illuminazione e ore del giorno] - Un look da fondale anime morbido: cielo azzurro con nuvole bianche (shader), foschia leggera in lontananza e ombre con una dominante blu-viola. - Permetti di alternare Pomeriggio / Crepuscolo / Notte dei ciliegi. Di notte si accendono finestre, lanterne e lampioni. [Comandi] - Prima persona: WASD per camminare, Shift per correre, Spazio per saltare, F per volare, mouse per guardarsi intorno (pointer lock), tasti numerici per teletrasportarsi in ogni luogo, H per nascondere l'interfaccia e M per disattivare l'audio. - Dispositivi mobili: trascina nella metà sinistra per camminare, trascina nella metà destra per guardarti intorno. - Le collisioni sono abilitate e il giocatore può salire sul marciapiede della stazione e sui gradini. - Usa Web Audio per generare suoni ambientali: vento, cinguettio degli uccelli, campana del passaggio a livello e rumore del treno in movimento.