Ville japonaise 3D de cerisiers en fleurs, de style anime et librement explorable

Utilisez Three.js pour créer une « ville japonaise 3D de cerisiers en fleurs, de style anime et librement explorable » sous la forme d'un fichier HTML unique, puis publiez-la comme page web partageable. [Contraintes techniques] - Utilisez uniquement three.js r128 (version UMD) depuis cdnjs. Ne chargez aucun modèle ni aucune image externe : générez tous les modèles, textures et enseignes des commerces de manière procédurale, avec du code et Canvas. - Utilisez du contenu original pour tous les noms de commerces, panneaux et personnages. N'imitez aucune marque réelle ni aucune œuvre existante. - Utilisez MeshStandardMaterial ou MeshPhongMaterial. Évitez une metalness élevée et les maps de réflexion d'environnement (sur certains ordinateurs, elles peuvent rendre les objets sans couleur). - Regroupez les objets statiques par matériau dans un petit nombre de maillages afin que la scène fonctionne sur des ordinateurs ordinaires ; proposez un sélecteur de qualité Élevée / Moyenne / Faible. [Scène : « 桜ヶ丘 (Sakuragaoka) », une petite ville japonaise par un après-midi de printemps] 1. Rue commerçante : une artère principale orientée du nord au sud, bordée de plus de 20 commerces de chaque côté (restaurant de ramen, café, magasin de vélos, librairie, fleuriste, boutique de pâtisseries japonaises, pharmacie, supérette, etc.). Chaque commerce possède : une enseigne sur plusieurs lignes (nom du commerce + nom en anglais + numéro de téléphone), un store rayé avec lambrequin festonné, une devanture en retrait dont l'intérieur offre une profondeur visible, et une présentation sur le trottoir (cagettes de fruits, présentoir à magazines, vitrine d'échantillons alimentaires, poteau de barbier rotatif). Les étages supérieurs comportent des fenêtres, des climatiseurs, des balcons avec du linge suspendu et des antennes de télévision sur les toits. 2. Détails de la rue : poteaux électriques avec de nombreux fils aériens, lampadaires décoratifs ornés de bannières de la rue commerçante, guirlandes de lanternes de fête, dalles de trottoir carrées avec bandes podotactiles jaunes, grilles d'évacuation, panneaux d'arrêt « 止まれ » et arrêt de bus. 3. Passage à niveau et trains : une voie ferrée à deux voies. À l'approche d'un train, les feux rouges du passage à niveau clignotent alternativement, la sonnerie retentit et les barrières s'abaissent. Un train de banlieue à deux voitures s'arrête en gare pendant environ 14 secondes, puis repart. Les fenêtres sont transparentes afin de laisser voir les sièges et les poignées de maintien à l'intérieur. 4. Gare à quai central : panneau indiquant le nom de la gare, auvent de quai, bancs et distributeur automatique. 5. Place des cerisiers : un cerisier centenaire entouré d'un banc circulaire. 6. Sanctuaire Inari : un grand torii vermillon suivi d'une rangée de petits torii, des lanternes en pierre, des statues de renards, un bâtiment de prière (toit vert-de-gris en cuivre, chigi, katsuogi, boîte à offrandes, cloche suspendue), un point d'eau pour les ablutions (temizuya), des statues de Jizō, des plaques ema, un arbre sacré et un sol couvert de gravier. 7. Digue au bord de la rivière : deux rangées de cerisiers formant un tunnel de fleurs, des lanternes, une rivière, des maisons sur la rive opposée et des montagnes au loin. [Comment créer les cerisiers (élément essentiel)] - Inspirez-vous du Somei-Yoshino : le tronc se divise bas en 3 à 4 branches principales, qui se ramifient récursivement sur trois niveaux supplémentaires. Les branches s'étendent vers l'extérieur et retombent légèrement à leur extrémité, donnant à l'ensemble une forme de parasol. - Composez le houppier de plusieurs dizaines de milliers de « cartes de bouquets de fleurs » : dessinez sur Canvas des fleurs à cinq pétales (extrémités échancrées, centres rougeâtres et étamines), avec une couche de base rose pâle derrière les fleurs. Utilisez alphaTest et un rendu double face pour ces cartes. - Ajoutez quelques amas roses de remplissage à l'intérieur du houppier pour lui donner du volume. Les parties extérieures et supérieures sont plus lumineuses ; les parties intérieures et inférieures présentent des ombres aux tons rose chaud. - Utilisez un rose pâle, et non un rose fluo. Le houppier se balance doucement au vent, un tapis de pétales tombés recouvre le sol sous chaque arbre et des pétales continuent de tomber dans les airs (avec un shader). [Personnages] - Plus de 20 élèves et habitants de style anime : animation de marche avec articulations aux genoux et aux coudes, visages anime dessinés sur Canvas (grands yeux, reflets, joues rosées) qui clignent des yeux, mèches de devant composées de brins distincts, et une variété de coiffures (cheveux longs, carré, queue-de-cheval qui se balance, couettes). Utilisez des uniformes marins, des uniformes avec blazer et des vêtements décontractés. Effectuez le rendu des personnages avec un cel shading bicolore et un contour sombre. - Les habitants marchent dans la rue, discutent sur la place, attendent sur le quai, prient au sanctuaire et font du vélo le long de la digue. [Véhicules] - Construisez les voitures en extrudant un profil latéral (avec passages de roue, fenêtres, feux, plaques d'immatriculation japonaises et roues en rotation). Les voitures s'arrêtent avant le passage à niveau et, pendant que la sonnerie retentit, attendent que les barrières se lèvent. [Éclairage et moments de la journée] - Adoptez un rendu doux de décor anime : ciel bleu avec nuages blancs (shader), légère brume au loin et ombres teintées de bleu-violet. - Permettez de passer de Après-midi à Crépuscule ou Nuit des cerisiers. La nuit, les fenêtres, les lanternes et les lampadaires s'allument. [Commandes] - Vue à la première personne : WASD pour marcher, Maj pour courir, Espace pour sauter, F pour voler, souris pour regarder autour de soi (verrouillage du pointeur), touches numériques pour se téléporter vers chaque lieu, H pour masquer l'interface et M pour couper le son. - Mobile : faites glisser le doigt sur la moitié gauche pour marcher et sur la moitié droite pour regarder autour de vous. - Les collisions sont activées et le joueur peut monter sur le quai et gravir les marches. - Utilisez Web Audio pour générer les sons d'ambiance : vent, chants d'oiseaux, sonnerie du passage à niveau et bruit de roulement du train.