案例 · 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 的表现尚未测量。