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