Caliber 08 是一项以滚动编排为核心的产品研究,用纯程序生成了一块机械腕表。整个页面仅是一块 WebGL 画布运行的实时场景,没有 .glb 模型、没有贴图,也没有任何摄影素材:表盘用画布绘制,其余表面都由 Three.js 的基础几何体在运行时生成。修改代码中的一个数值,整块表的外观和结构都会随之改变。

开发者为交互设计了 24 个滚动节拍,用来驱动相机、光源和零件的装配流程;从 14 类零件类型中程序化生成出 57 个网格,所有模型均由代码构建。背景色与排版的色调系统会同步反转,整个体验不依赖外部资源,滚动过程中仍能保持 60 帧的流畅性。

about image

之所以值得关注,是因为奢侈品电商目前仍大幅依赖针对每个 SKU、配色和视角进行昂贵的摄影。Caliber 08 展示了一种替代路径:用可配置的程序化 3D 替代传统拍摄,既更轻量又更具交互性与无限定制可能。 千亿球友会

项目使用 Three.js、GSAP 和 Vite 构建,已部署并提交至 Building Indonesia 的展示。在线体验已在展出页面提供,开发者建议在桌面端获得最佳效果,移动端可用但滚动编排尚未做完全优化。