北京天壇祈年殿 TypeScript + Three.js WebGL 專案

創作者備註

請使用 TypeScript + Three.js 建立完整且可執行的北京天壇祈年殿 WebGL 專案。所有建築幾何、貼圖與動畫都必須由程式碼在執行期間程序化生成，禁止載入 .glb、.gltf、.obj、.fbx 等外部模型。 建築還原： 三層不同尺寸與高度的藍色琉璃瓦圓頂、鍍金寶頂、紅色圓柱、圓形殿身，以及藍、綠、金色彩繪、斗拱與門窗。 屋頂應使用曲線輪廓、旋轉體或自訂幾何，呈現舒展、微微翹起的屋簷，不得以簡單圓錐取代。 白色漢白玉三層圓形臺基，搭配中央石階、欄杆與立柱；整體比例協調、層次分明。 以程序化方式生成瓦片貼圖與裝飾，重複使用的構件優先採用 InstancedMesh。 場景與互動： 北京藍天、廣場地面與少量綠化；使用 DirectionalLight 搭配 AmbientLight／HemisphereLight，啟用陰影、環境光遮蔽與適度的電影感色調映射。 支援 OrbitControls 旋轉與縮放，以及可開關的緩慢自動環繞展示。 透過按鈕切換「爆炸／重組」：屋頂、柱子、斗拱、牆體、門窗、欄杆與臺基依層次平滑散開，再精確恢復原位。動畫必須由程式碼驅動，採用錯峰節奏，避免瞬移。 直接交付完整專案與啟動說明。頁面應能回應式適配視窗，具備高品質視覺效果與流暢互動，並透過實例化、合理的幾何細節及渲染最佳化，兼顧一般桌面瀏覽器的效能。程式碼模組應結構清晰、便於擴充；請驗證建置與主要功能，並如實說明尚未驗證的項目。