Frei begehbare 3D-Animestadt mit Kirschblüten

Verwende Three.js, um eine „frei begehbare 3D-Animestadt mit Kirschblüten“ als einzelne HTML-Datei zu erstellen, und veröffentliche sie anschließend als teilbare Webseite. [Technische Einschränkungen] - Verwende ausschließlich three.js r128 (UMD-Build) von cdnjs. Lade keine externen Modelle oder Bilder – erzeuge alle Modelle, Texturen und Ladenschilder prozedural per Code und Canvas. - Verwende für alle Ladennamen, Schilder und Figuren eigene Inhalte. Imitiere keine reale Marke und kein bestehendes Werk. - Verwende MeshStandardMaterial oder MeshPhongMaterial. Vermeide hohe Metallizität und Environment-Reflection-Maps (auf manchen Computern werden Objekte dadurch ohne Farbe gerendert). - Führe statische Objekte nach Material zu einer kleinen Anzahl von Meshes zusammen, damit die Szene auf gewöhnlichen Computern flüssig läuft; biete einen Qualitätsregler mit Hoch / Mittel / Niedrig an. [Szene: „桜ヶ丘 (Sakuragaoka)“, eine kleine japanische Stadt an einem Frühlingsnachmittag] 1. Einkaufsstraße: eine in Nord-Süd-Richtung verlaufende Hauptstraße mit mehr als 20 Geschäften auf beiden Seiten (Ramen-Restaurant, Café, Fahrradladen, Buchhandlung, Blumenladen, Geschäft für japanische Süßigkeiten, Drogerie, Convenience-Store usw.). Jedes Geschäft verfügt über: ein mehrzeiliges Schild (Geschäftsname + englischer Name + Telefonnummer), eine gestreifte Markise mit geschwungener Volantkante, ein zurückgesetztes Schaufenster mit sichtbar tiefem Innenraum sowie eine Auslage auf dem Gehweg (Obstkisten, Zeitschriftenständer, Vitrine mit Speisenattrappen, rotierender Friseursalon-Leuchtturm). Die oberen Stockwerke haben Fenster, Klimaanlagen, Balkone mit aufgehängter Wäsche und TV-Antennen auf den Dächern. 2. Straßendetails: Strommasten mit vielen Freileitungen, dekorative Straßenlaternen mit Bannern der Einkaufsstraße, aufgespannte Festlaternen, quadratische Gehwegplatten mit gelben taktilen Leitstreifen, Abflussgitter, „止まれ“-Stoppschilder und eine Bushaltestelle. 3. Bahnübergang und Züge: eine zweigleisige Bahnstrecke. Nähert sich ein Zug, blinken die roten Lichter des Bahnübergangs abwechselnd, die Glocke läutet und die Schranken senken sich. Ein zweiteiliger Pendlerzug hält etwa 14 Sekunden am Bahnhof und fährt dann weiter. Die Fenster sind transparent, sodass Sitze und Haltegriffe im Inneren sichtbar sind. 4. Bahnhof mit Mittelbahnsteig: Bahnhofsschild, Bahnsteigüberdachung, Bänke und ein Verkaufsautomat. 5. Sakura-Platz: ein 100 Jahre alter Kirschbaum mit einer runden Bank um den Stamm. 6. Inari-Schrein: ein großes zinnoberrotes Torii sowie eine Reihe kleiner Torii, Steinlaternen, Fuchsstatuen, eine Gebetshalle (kupfergrünes Dach, Chigi, Katsuogi, Opferkasten, hängende Glocke), ein Waschbrunnen (Temizuya), Jizō-Statuen, Ema-Holztafeln, ein heiliger Baum und ein kiesbedeckter Boden. 7. Uferdeich: zwei Reihen von Kirschbäumen, die einen Blütentunnel bilden, Laternen, ein Fluss, Häuser am gegenüberliegenden Ufer und entfernte Berge. [So erstellst du die Kirschbäume (zentraler Bestandteil)] - Orientiere sie an Somei-Yoshino-Kirschbäumen: Der Stamm teilt sich tief unten in 3–4 Hauptäste, die sich über drei weitere Ebenen rekursiv verzweigen. Die Äste breiten sich nach außen aus und hängen an den Spitzen leicht herab, sodass insgesamt eine Schirmform entsteht. - Erzeuge die Krone aus zehntausenden „Blütencluster-Karten“: Zeichne fünfblättrige Blüten auf Canvas (eingekerbte Blütenspitzen, rötliche Zentren, Staubblätter) und lege eine zartrosa Basisschicht hinter die Blüten. Verwende für die Karten alphaTest und zweiseitiges Rendering. - Füge im Inneren der Krone einige rosafarbene Füllbüschel für mehr Volumen hinzu. Die äußeren und oberen Bereiche sind heller; die inneren und unteren Bereiche haben warm roséfarbene Schatten. - Verwende blasses Rosa, kein Neonpink. Die Krone bewegt sich sanft im Wind, unter jedem Baum bedeckt ein Teppich aus herabgefallenen Blütenblättern den Boden, und weitere Blütenblätter fallen durch die Luft (über einen Shader). [Figuren] - Erzeuge mehr als 20 Schüler und Einwohner im Anime-Stil: Gehanimationen mit Knie- und Ellbogengelenken sowie auf Canvas gezeichnete Anime-Gesichter (große Augen, Glanzlichter, gerötete Wangen), die blinzeln. Der Pony besteht aus einzelnen Strähnen. Verwende verschiedene Frisuren (langes Haar, Bob, schwingender Pferdeschwanz, Zöpfe) sowie Matrosenuniformen, Blazeruniformen und Alltagskleidung. Rendere die Figuren mit zweifarbiger Cel-Shading-Optik und dunkler Kontur. - Die Menschen gehen durch die Straße, unterhalten sich auf dem Platz, warten am Bahnsteig, beten am Schrein und fahren mit Fahrrädern am Deich entlang. [Fahrzeuge] - Erstelle Autos, indem du eine Silhouette im Seitenprofil extrudierst (mit Radkästen, Fenstern, Leuchten, japanischen Kennzeichen und drehenden Rädern). Die Autos halten vor dem Bahnübergang und warten während des Läutens, bis sich die Schranken heben. [Beleuchtung und Tageszeit] - Erzeuge eine weiche Anime-Hintergrundoptik: blauer Himmel mit weißen Wolken (Shader), leichter Dunst in der Ferne und Schatten mit einem blauvioletten Farbton. - Wechsel zwischen Nachmittag / Dämmerung / Sakura-Nacht. Nachts leuchten Fenster, Laternen und Straßenlampen. [Steuerung] - Ego-Perspektive: Mit WASD laufen, mit Shift rennen, mit der Leertaste springen, mit F fliegen, mit der Maus umsehen (Pointer Lock), mit den Zahlentasten zu den einzelnen Orten teleportieren, mit H die Benutzeroberfläche ausblenden und mit M stummschalten. - Mobil: Auf der linken Bildschirmhälfte ziehen, um zu laufen, und auf der rechten Hälfte ziehen, um sich umzusehen. - Kollisionen sind aktiviert; der Spieler kann auf den Bahnsteig und über Stufen gehen. - Verwende Web Audio, um Umgebungsgeräusche zu erzeugen: Wind, Vogelgezwitscher, die Glocke des Bahnübergangs und Zuggeräusche.