案例 · Web

CHROMATIC:光线塑形的 3D 材质实验

拖拽一枚连续的金属扭结,切换银色、钴蓝与珊瑚色,再调整管体粗细,观察同一形体怎样改变光感。

  • 1 张图片
打开页面查看将在新标签页打开 boloop-motion-studies.pages.dev,该页面是独立站点,不属于本站。

图片署名:Tink

让材质成为交互

CHROMATIC 是 Tink / Boloop 制作的原创 3D 网页实验。浅桃色背景与线框大字退到后方,真正的 WebGL 金属形体占据舞台。反射和高光随旋转变化,而不是一段预先录制的动画。

可以试什么

拖拽舞台旋转形体;舞台获得焦点后,方向键也可以转动。Silver、Cobalt 与 Coral 切换材质,Thickness 调整粗细,Pause motion 暂停自动旋转。

制作与范围

使用 Three.js、程序生成的扭结几何与环境光照完成,Three.js 及附加模块保留原有 MIT 许可。案例图片为实际渲染截图。浏览器需要支持 WebGL;真机和低端 GPU 的性能尚未测量。