此網站需要開啟JavaScript
JavaScript is required

0%

跳至主要內容

本網站提供便捷鍵:Alt 加 U 跳至頁首、Alt 加 C 跳至主要內容、Alt 加 Z 跳至頁尾。

Experience · 2025

故宮沉浸式線上導覽

用 Three.js 重現珍藏文物,搭配 GSAP 敘事 timeline,讓觀眾在家中也能 360° 探索。

故宮沉浸式線上導覽

結合 Three.js 與 GSAP,我們為故宮特展打造了沉浸式線上導覽。觀眾可以 360° 旋轉觀察文物、放大細節、聆聽策展人的語音導讀。

效能優化是最大的挑戰:模型壓縮、texture LOD、與 hero 段 lazy mount 都做了多輪實驗。最終在 4G 環境下 LCP 維持 2.1s。