案例 · Web
PLAY MATTER:可以揉散、重組的 3D 金屬雕塑
一個由 AI 輔助創作的 Three.js 互動網頁。拖拽旋轉虹彩金屬薄片,長按讓它們散開,鬆手重新聚合;也可以切換扭結、綻放,或輸入短詞生成立體文字。
開啟頁面查看將在新分頁開啟 boloop-playmatter.pages.dev,該頁面為獨立站點,不屬於本站。
圖片署名:Tink
試著玩一下
- 拖拽雕塑旋轉視角,長按舞台或“Hold to scatter”將薄片散開,鬆手後重新聚合。
- 點擊 Knot、Bloom 或 Your word,切換扭結、放射綻放和文字形態。
- 輸入 1–5 個英文字母或數字,點擊箭頭,讓同一組薄片組成你的短詞。
- 舞台獲得焦點後,可以用空格鍵散開、方向鍵旋轉;Pause motion 暫停自動運動。
- Record sculpture 可錄製約 8 秒的無聲畫布影片,不包含頁面文字和控件;是否支援錄製取決於瀏覽器。
這是 AI 輔助完成的互動視覺實驗,使用 Three.js 與程式生成的幾何體、材質和環境光。Three.js 及官方附加模組保留 MIT 許可。圖片為該網頁的實際截圖。
頁面需要瀏覽器支援 WebGL。桌面及窄屏預覽已檢查,真機和低階 GPU 的表現尚未測量。