案例 · Web

PLAY MATTER:可以揉散、重組的 3D 金屬雕塑

一個由 AI 輔助創作的 Three.js 互動網頁。拖拽旋轉虹彩金屬薄片,長按讓它們散開,鬆手重新聚合;也可以切換扭結、綻放,或輸入短詞生成立體文字。

  • 3 張圖片
開啟頁面查看將在新分頁開啟 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 的表現尚未測量。