总览
本章规定了在 Atomm 平台上开发创意工具 / 生成器 3D 预览功能(基于 three.js)时应遵循的技术规范,涵盖架构设计、交互体验、渲染质量、性能与稳定性四个方面,并在末章提供提测验收清单。
适用范围:所有提供 3D 预览视图的生成器类应用。
同一套要求也写成了给编码 agent 读的单文件 skill(右上角「下载 3D Preview Skill」),直接交给它就行。
下面这个演示就是让 agent 读完该 skill 后做出来的:拖动旋转、滚轮缩放,改右侧参数时 2D 预览、3D 视图与导出的 SVG 共用同一份几何 IR。
参考实现 · 可交互 新标签打开
规范用语约定
| 用语 | 含义 |
|---|---|
| 必须 | 强制要求,验收时逐条检查 |
| 推荐 | 默认应采用,如有充分理由可例外 |
| 可选 | 视产品需求决定是否实现 |
是否需要 3D 预览
3D 预览为可选能力。仅当厚度、立体层次、装配关系属于工具的核心展示价值时,才建议实现 3D 预览;对于以平面效果为主的工具,推荐使用 2D SVG 配合程序化材质纹理(如 feTurbulence 木纹滤镜)呈现材质效果,实现成本显著更低。
一旦决定实现 3D 预览,即须完整满足本规范的验收标准。不满足交互与渲染基线的 3D 预览会降低整体产品体验,不予通过验收。