設計師單椅品牌頁

AERO

雙軸材質配置器:框架與布料兩個維度即時交叉切換,榫卯結構在 3D 裡拆給你看。

自主練習 2026
開啟實際網站 ↗ 部署於 Vercel · 原始碼未公開

我的角色

品牌敘事、榫卯結構的 3D 表現、雙軸配置器的互動設計與實作。

技術挑戰

家具的價值在做工,而做工藏在看不見的地方。榫卯接合在成品上看不到,要在 3D 裡把它拆開講清楚。另外配置器一旦有兩個維度,狀態組合會爆炸。

成果

榫卯結構可在 3D 場景中檢視。配置器做成雙軸 — 框架材質與布料各自獨立切換,即時交叉組合,不重建場景。

技術棧

  • Three.js r128
  • Vanilla JS

原始碼

程式碼未公開

為什麼做這個

家具的錢花在做工,而做工藏在看不見的地方。榫卯接合組起來就消失了,型錄拍不到。

3D 場景可以把它拆開。

技術重點

  • 榫卯拆解:結構在 3D 裡可檢視,不是一張爆炸圖。
  • 雙軸配置器:框架與布料兩個獨立維度,即時交叉組合。單軸配置器好寫,雙軸要處理的是狀態組合,不是選項清單。
  • 不重建場景:切換材質只換 material,不重新初始化。