智慧园区数字孪生
把门禁、照明、能耗三类设备以体块颜色区分，点击任意楼栋下钻到楼层级拓扑。品牌方看能耗曲线，运维方看告警热区。
模型面数 ≤8 万
下钻层级 3 级
三类协作场景，同屏各取所需
生态里的每一方看同一套 3D 场景，但关注指标不同。场景卡按角色切分信息层级，避免把设备厂商的运维指标塞给品牌方。
产线设备遥测看板
机械臂、AGV、质检相机按 OEE 分档着色，异常档位用强调色小面积标记，不做整屏红闪，降低夜间值守的视觉疲劳。
指标刷新 2s/次
告警延迟 <500ms
跨地域远程协作
多地团队在同一 3D 空间标注、圈选与批注，标注图层与模型图层分离，任一方隐藏图层不影响他人视图与数据订阅。
同步延迟 ≤300ms
并发标注 12 人
一次资产交付，四处同时生效
设计资产 → 数据绑定 → 响应式渲染
设计团队在 DCC 工具里完成命名规范与坐标原点对齐，导出 glTF 2.0 后由平台自动生成三档 LOD； 数据侧只暴露一份设备 ID 映射表，网页端按 min-width:1600px / 1024px / 640px 三档切换模型精度， 避免小屏加载全量网格导致白屏。
- 材质统一用 PBR 金属度-粗糙度，禁用自定义着色器，便于跨端一致
- 贴图总预算 ≤ 8MB，单张最大 2048×2048，走 KTX2 压缩
- 设备 ID 映射表版本号与模型版本号双向锁定，改一处即触发校验
- 数据绑定字段不超过 6 个，超出部分折叠进二级抽屉
- LOD 切换阈值：屏幕占比 >35% 用高模，<12% 用低模
- 所有交互态保留 200ms 过渡，避免瞬时跳变造成空间迷失
-
资产评审D+1
设计方提交模型 + 命名清单 + 材质球截图，三方（品牌 / 平台 / 设备）在 1 个工作日内完成命名与坐标核验，返工率目标 <8%。
-
数据对接D+3
设备方提供 ID 映射表与字段字典，平台侧生成绑定配置，联调时以 2s 刷新频率压测 30 分钟，丢帧率需为 0。
-
多端回归D+5
在 1920 / 1440 / 1024 / 768 / 390 / 320 六档宽度逐档截图比对，重点检查强调色面积是否超过视口 10%、文本是否溢出容器。
-
灰度上线D+7
先放 10% 流量观察 48 小时，监测首帧时间、交互延迟与错误率；三项指标任一劣化超 15% 即回滚，回滚窗口控制在 5 分钟内。
六条可落地要点，照做即可交付
每一条都给出做法与可量化阈值，评审时可直接当作验收项。
3D 资产先定预算再建模
开工前锁定：单场景面数 ≤ 8 万、draw call ≤ 90、贴图 ≤ 8MB。用 gltf-transform 做网格压缩与纹理合并，超预算的模型降级为 LOD1 再入库，避免后期推倒重做。
CSS 3D 只做层级，不做重模型
卡片悬浮、景深、偏移阴影交给 perspective 与 transform: translate3d；几何复杂的设备交给 WebGL 图层。两层通过同一 z-index 阶梯衔接，避免 GPU 反复合成导致掉帧。
强调色面积硬性封顶 10%
暖金强调色只能出现在按钮、关键数字、激活态与 1px 高亮线上；单张卡片内强调色总面积不超过卡片面积的 10%，整屏不出现大面积高饱和填充，保证暗色底上的对比度仍达 4.5:1。
数据刷新分级，别全量推
关键指标 2s 刷新、次要指标 10s、静态拓扑 60s。单次推送字段 ≤ 32 个，超出则改增量 diff；实测可将长稳运行的内存增长从 40MB/小时压到 6MB/小时以内。
响应式六档必测，防溢出
在 1920 / 1440 / 1024 / 768 / 390 / 320 逐档检查：网格列一律 minmax(0,1fr)，子项加 min-width:0，媒体加 max-width:100%，禁用 100vw。任一档出现横向滚动条即判不合格。
无 JS 也要完整可读
所有区块默认可见，入场动效只用 @keyframes + animation 自动播放，禁止先 opacity:0 再等脚本加类。并提供 prefers-reduced-motion 降级，动效全关后信息层级仍完整。
四项能力，撑起沉浸式体验的骨架
3D 场景编排
节点、连线、体块三层结构解耦，任意一层单独替换不影响其它层。
- 图层上限 6 层，超出即拆分场景
- 连线使用实例化绘制，1,000 条以内零卡顿
- 相机预设 4 组，切换过渡 400ms
物联网数据接入
设备侧只暴露一份字段字典，平台侧统一做单位换算与异常值过滤。
- 支持 5 类协议适配，接入周期 ≤ 3 天
- 异常值用中位数±3σ 规则剔除
- 断线重连退避：1s → 2s → 4s，上限 30s
交互设计与用户体验
悬浮、下钻、圈选三类交互统一手势语义，学习成本压到一次演示内。
- 所有可点区域 ≥ 44×44px
- 操作反馈延迟 ≤ 100ms
- 撤销栈保留 20 步，误操作可回退
灵活布局与响应式设计
设计令牌统一管理间距、圆角、阴影与字号，四方共用不打架。
- 间距走 4/8pt 节奏，杜绝随手数值
- 容器三档：1140 / 1400 / 1680px
- 超大屏卡片 2 列扩至 4 列，拒绝窄柱留白
协作链路上的四个硬指标
1,248
同屏在线设备节点
拓扑视图实测峰值
≤1.2s
3D 首帧可交互
中端移动端 4G 网络
98.6%
数据推送到达率
连续 72 小时压测
40%
资产复用率提升
跨项目共用模型库
四项指标由生态各方共担：设计方保面数与贴图预算，设备方保字段质量，平台方保渲染与推送链路，品牌方保内容口径一致。任一项劣化都会直接反映在首帧时间与到达率上。
带上你的设备清单，一起排一次 3D 场景
准备三份材料即可启动：设备 ID 映射表、现有品牌视觉规范、目标终端分辨率清单。我们会在两个工作日内给出资产预算表与响应式断点方案。