可自由行走的 3D 動漫風櫻花小鎮

請使用 Three.js 建立一座「可自由行走的 3D 動漫風櫻花小鎮」，以單一 HTML 檔案完成，然後發布為可分享的網頁。 【技術限制】 - 僅使用 cdnjs 提供的 three.js r128（UMD 版本）。不要載入任何外部模型或圖片——所有模型、貼圖與店家招牌都必須以程式碼和 Canvas 程序化生成。 - 所有店名、招牌與角色都使用原創內容。不要模仿任何真實品牌或既有作品。 - 使用 MeshStandardMaterial 或 MeshPhongMaterial。避免使用高金屬度與環境反射貼圖（在部分電腦上，這些設定會導致物件渲染時沒有色彩）。 - 依材質合併靜態物件，將其減少為少量 mesh，讓程式能在一般電腦上順暢執行；提供高／中／低畫質切換功能。 【場景：「桜ヶ丘 (Sakuragaoka)」，春日下午的一座日本小鎮】 1. 商店街：一條南北向的主要街道，兩側設有 20 間以上的店家（拉麵店、咖啡館、自行車店、書店、花店、和菓子店、藥妝店、便利商店等）。每間店都必須具備：多行招牌（店名＋英文名稱＋電話號碼）、帶波浪裙襬的條紋遮雨棚、向內凹的店面，以及具有明顯深度的室內空間；店外設有騎樓展示物（水果箱、雜誌架、食品模型展示櫃、旋轉理髮店招牌）。樓上設有窗戶、冷氣室外機、掛著衣物的陽台，以及屋頂電視天線。 2. 街道細節：架設大量空中電線的電線桿、掛有商店街旗幟的裝飾路燈、節慶燈籠串、鋪設黃色導盲磚的方形人行道磚、排水溝蓋、「止まれ」停車標誌，以及公車站牌。 3. 平交道與列車：設置雙線鐵路。列車接近時，平交道的紅燈交替閃爍、鐘聲響起，柵欄降下。一列兩節車廂的通勤電車會在車站停靠約 14 秒，然後駛離。車窗必須透明，能看見車內座椅與吊環。 4. 島式月台車站：設置站名看板、月台雨棚、長椅與自動販賣機。 5. 櫻花廣場：一棵樹齡 100 年的櫻花樹，周圍設有圓形長椅。 6. 稻荷神社：設置大型硃紅色鳥居、一列小型鳥居、石燈籠、狐狸雕像、拜殿（銅綠色屋頂、千木、鰹木、賽錢箱、懸掛式鈴鐺）、手水舍、地藏菩薩像、繪馬、神木與碎石地面。 7. 河堤：兩排櫻花樹形成櫻花隧道，設有燈籠；遠處可見河流、對岸房屋與群山。 【櫻花樹製作方式（重點）】 - 以染井吉野櫻為模型：樹幹在較低處分成 3–4 根主枝，再以遞迴方式向外分枝三個層級。枝條向外伸展，末端略微下垂，整體呈傘狀。 - 使用數萬張「花簇卡片」製作樹冠：在 Canvas 上繪製五瓣花，花瓣尖端帶有缺口、花心偏紅並呈現雄蕊，花朵後方加上柔和的粉紅色底層。為卡片使用 alphaTest 與雙面渲染。 - 在樹冠內部加入一些粉紅色填充團塊，增加體積感。外側與上方較明亮；內側與下方則帶有溫暖的玫瑰色陰影。 - 使用淡粉紅色，不要使用螢光粉紅色。樹冠隨風輕輕擺動，每棵樹下的地面都覆蓋著落花地毯，花瓣也會持續在空中飄落（以著色器完成）。 【角色】 - 20 名以上的動漫風學生與居民：具備膝蓋與手肘關節的行走動畫，以及在 Canvas 上繪製、會眨眼的動漫臉部（大眼睛、高光、腮紅）；瀏海由獨立髮束構成，並提供多種髮型（長髮、鮑伯頭、會擺動的馬尾、雙馬尾），服裝包含水手服／西裝外套制服／便服。角色使用雙色賽璐珞風格著色與深色外框渲染。 - 人們會沿著街道行走、在廣場聊天、在月台等候、於神社參拜，並沿著河堤騎自行車。 【車輛】 - 以擠出側面輪廓的方式製作汽車（包含輪拱、車窗、車燈、日本車牌與旋轉中的車輪）。汽車會在平交道前停下，鐘聲響起期間持續等候，直到柵欄升起。 【光照與時段】 - 採用柔和的動漫背景風格：藍天與白雲（以著色器製作）、遠方的淡淡霧氣，以及帶藍紫色調的陰影。 - 可切換為午後／黃昏／夜櫻。夜間時，窗戶、燈籠與街燈會亮起。 【控制方式】 - 第一人稱：使用 WASD 行走、Shift 奔跑、Space 跳躍、F 飛行、滑鼠環顧四周（指標鎖定），使用數字鍵傳送至各個地點，H 隱藏介面，M 靜音。 - 行動裝置：在畫面左半部拖曳以行走，在右半部拖曳以環顧四周。 - 啟用碰撞，玩家可以走上月台與階梯。 - 使用 Web Audio 生成環境音效：風聲、鳥鳴、平交道鐘聲與列車行駛聲。