案例 · Web
CHROMATIC:光線塑形的 3D 材質實驗
拖曳一枚連續的金屬扭結,切換銀色、鈷藍與珊瑚色,再調整管體粗細,觀察同一形體如何改變光感。
開啟頁面查看將在新分頁開啟 boloop-motion-studies.pages.dev,該頁面為獨立站點,不屬於本站。
圖片署名:Tink
讓材質成為互動
CHROMATIC 是 Tink / Boloop 製作的原創 3D 網頁實驗。淺桃色背景與線框大字退到後方,真正的 WebGL 金屬形體佔據舞台。反射與高光隨旋轉改變,而非預先錄製的動畫。
可以試什麼
拖曳舞台旋轉形體;舞台取得焦點後,也可用方向鍵轉動。Silver、Cobalt 與 Coral 切換材質,Thickness 調整粗細,Pause motion 暫停自動旋轉。
製作與範圍
使用 Three.js、程式生成的扭結幾何與環境光照完成,Three.js 與附加模組保留原有 MIT 授權。案例圖片為實際渲染截圖。瀏覽器需要支援 WebGL;真機與低階 GPU 的效能尚未測量。