互動 3D 產品網站

挑戰

3D 網站看起來很吸引，但往往載入慢、在手機上出錯。這個示範既要有高級感，也要輕巧得可以用流動數據瀏覽。

我們做了甚麼

• 隨捲動切換鏡頭角度，配合附註熱點
• 配色切換及可分享配色連結的 360° 檢視頁
• 模型由 7.8 MB 壓縮至 546 KB（meshopt 幾何 + WebP 材質）
• 響應式版面，手機可觸控拖動

畫面

成果

• 3D 模型縮小 93%，用流動數據也能快速開啟
• 純靜態檔案：託管成本低，無需維護伺服器程式

虛構品牌的概念方案。波鞋模型：Shopify「Materials Variants Shoe」（CC BY 4.0），來自 Khronos glTF 範例。