自由に歩き回れる3Dアニメ調の桜の町

Three.jsを使って「自由に歩き回れる3Dアニメ調の桜の町」を単一のHTMLファイルとして構築し、共有可能なWebページとして公開してください。 【技術要件】 - cdnjsからthree.js r128（UMDビルド）のみを使用してください。外部のモデルや画像は読み込まず、すべてのモデル、テクスチャ、店舗看板をコードとCanvasでプロシージャルに生成してください。 - 店名、看板、キャラクターにはすべてオリジナルの内容を使用してください。実在するブランドや既存作品を模倣しないでください。 - MeshStandardMaterialまたはMeshPhongMaterialを使用してください。金属度を高くしたり、環境反射マップを使用したりするのは避けてください（一部のコンピューターでは、オブジェクトが色なしで描画される原因になります）。 - 一般的なコンピューターで動作するよう、静的オブジェクトをマテリアルごとにまとめ、メッシュ数を少なくしてください。High／Medium／Lowの品質切り替えを用意してください。 【シーン：「桜ヶ丘 (Sakuragaoka)」、春の午後の小さな日本の町】 1. 商店街：南北に延びるメインストリートの両側に、20軒以上の店舗（ラーメン店、カフェ、自転車店、書店、花屋、和菓子店、ドラッグストア、コンビニなど）を配置してください。各店舗には、複数行の看板（店名＋英語名＋電話番号）、ひさし飾りの付いたストライプのオーニング、スカラップ状の前垂れ、奥行きが見える recessed storefront と内部空間、歩道上のディスプレイ（果物箱、マガジンラック、食品サンプルケース、回転する理容店のサインポール）を設けてください。上階には窓、エアコン室外機、洗濯物が掛かったバルコニー、屋上テレビアンテナを配置してください。 2. 通りのディテール：多数の架空線が張られた電柱、商店街のバナーが付いた装飾街灯、祭りの提灯飾り、黄色い点字ブロックを備えた正方形の歩道タイル、側溝のグレーチング、「止まれ」の標識、バス停を配置してください。 3. 踏切と列車：複線の鉄道を設置してください。列車が近づくと、踏切の赤色灯が交互に点滅し、警報音が鳴り、遮断機が下がります。2両編成の通勤電車は駅に約14秒停車してから発車します。窓は透明にし、車内の座席とつり革が見えるようにしてください。 4. 島式ホームの駅：駅名標、ホーム屋根、ベンチ、自動販売機を配置してください。 5. 桜広場：樹齢100年の桜の木と、その周囲を囲む円形ベンチを設置してください。 6. 稲荷神社：大きな朱色の鳥居と小さな鳥居が連なる参道、石灯籠、狐像、拝殿（銅緑色の屋根、千木、鰹木、賽銭箱、吊り鈴）、手水舎、地蔵、絵馬掛け、御神木、砂利敷きの境内を配置してください。 7. 川沿いの土手：桜の木を2列に並べて花のトンネルを作り、提灯、川、対岸の家々、遠くの山々を配置してください。 【桜の木の作り方（重要部分）】 - ソメイヨシノをモデルにしてください。幹は低い位置で3～4本の主枝に分かれ、そこからさらに3段階分、再帰的に枝分かれします。枝は外側に広がり、先端はやや垂れ下がる、全体として傘のような樹形にしてください。 - 樹冠は数万枚の「花房カード」で構成してください。Canvasに5枚の花びらの花（切れ込みのある花びらの先端、赤みのある中心部、雄しべ）を描き、花の背後に淡いピンクのベースレイヤーを置きます。カードにはalphaTestと両面描画を使用してください。 - 樹冠の内部に、ボリュームを出すためのピンク色の補助塊をいくつか追加してください。外側と上部は明るく、内側と下部には暖かいローズ系の影を付けます。 - ネオンピンクではなく、淡いピンクを使用してください。樹冠は風にやさしく揺れ、各木の根元の地面は散った花びらで覆い、花びらが空中を舞い続けるようにしてください（シェーダーで実装）。 【キャラクター】 - アニメ調の学生と町の人々を20人以上配置してください。膝と肘の関節を使った歩行アニメーション、Canvasに描いたアニメ調の顔（大きな目、ハイライト、赤らんだ頬）を用意し、まばたきさせます。前髪は別々の束で作り、ロング、ボブ、揺れるポニーテール、ツインテールなど、さまざまな髪型にしてください。セーラー服、ブレザー制服、私服を着せます。キャラクターは2トーンのセルシェーディングと濃い輪郭線で描画してください。 - 人々は通りを歩き、広場で会話し、ホームで待ち、神社で参拝し、土手沿いを自転車で走ります。 【車両】 - 車は側面シルエットを押し出して作成し、ホイールアーチ、窓、ライト、日本のナンバープレート、回転する車輪を備えてください。車は踏切の手前で停止し、警報音が鳴っている間は遮断機が上がるまで待機します。 【ライティングと時間帯】 - アニメ背景のような柔らかな見た目にしてください。白い雲の浮かぶ青空（シェーダー）、遠景の薄い霞、青紫がかった影を用います。 - Afternoon／Dusk／Night Sakuraを切り替えられるようにしてください。夜になると、窓、提灯、街灯が点灯します。 【操作】 - 一人称視点：WASDで歩行、Shiftで走る、Spaceでジャンプ、Fで飛行、マウスで周囲を見回す（ポインターロック）、数字キーで各場所へテレポート、HでUIを非表示、Mでミュート。 - モバイル：画面左半分をドラッグして歩き、右半分をドラッグして周囲を見回します。 - 衝突判定を有効にし、プレイヤーがホームや階段に上がれるようにしてください。 - Web Audioを使って、風、鳥のさえずり、踏切の警報音、列車の走行音などの環境音を生成してください。