Experience · 2025
故宮沉浸式線上導覽
用 Three.js 重現珍藏文物，搭配 GSAP 敘事 timeline，讓觀眾在家中也能 360° 探索。
結合 Three.js 與 GSAP，我們為故宮特展打造了沉浸式線上導覽。觀眾可以 360° 旋轉觀察文物、放大細節、聆聽策展人的語音導讀。
效能優化是最大的挑戰：模型壓縮、texture LOD、與 hero 段 lazy mount 都做了多輪實驗。最終在 4G 環境下 LCP 維持 2.1s。
0%
Access keys: Alt+U for the header, Alt+C for the main content, Alt+Z for the footer.
Experience · 2025
用 Three.js 重現珍藏文物，搭配 GSAP 敘事 timeline，讓觀眾在家中也能 360° 探索。
結合 Three.js 與 GSAP，我們為故宮特展打造了沉浸式線上導覽。觀眾可以 360° 旋轉觀察文物、放大細節、聆聽策展人的語音導讀。
效能優化是最大的挑戰：模型壓縮、texture LOD、與 hero 段 lazy mount 都做了多輪實驗。最終在 4G 環境下 LCP 維持 2.1s。
