WebRobot3D 空间数字孪生
让户型、设备与清洁行为，在同一个空间里被看见、理解和设计。
WebRobot3D 是一个从设计原型逐步演进而来的扫地机器人数字孪生平台。它用 Three.js 重建三层居住空间，将户型、家具、扫地机、基站与清洁轨迹组织成可交互的空间模型，并提供多视角观察、模型替换、设计调参与项目保存能力。
- 角色
- 产品设计与独立开发
- 范围
- VISION · UX · 3D · PROTOTYPE
- 技术
- THREE.JS · GLB · JAVASCRIPT
- 状态
- 可交互原型
传统地图告诉用户“扫过哪里”，数字孪生需要解释“机器人如何理解这个家”。
二维地图难以表达多楼层、家具高度、设备关系和真实空间感。
轨迹、避障和清洁策略是结果展示，而不是机器人认知过程的表达。
场景设计、设备模型与运行数据分散在不同工具和数据结构中。
高保真概念往往止步于演示，无法保存、替换资产或连接真实数据。
数字孪生不是一个更炫的地图，而是连接空间、设备、行为与设计决策的共同界面。
用三个层次，组织一个可以持续演进的空间系统。
空间层
三层户型、房间、墙体、楼梯与楼层显隐，共同构成稳定的空间骨架。
实体层
家具、扫地机、基站与障碍物拥有可识别类型、空间尺寸和可替换 GLB 资产。
运行层
位姿、清洁状态、覆盖率、轨迹与感知事件，把静态空间变成实时界面。
不仅展示一个空间，也让它可以被操作、替换、调试和保存。
三层空间与楼层管理
在整栋建筑和单层任务之间切换，保持家具、楼梯与设备的正确显隐关系。
点选与替换真实模型
直接点选家具、扫地机或基站，拖入 GLB 即可替换；设备模型仍会跟随清洁动画与智驾镜头。
清洁行为可视化
将扫地、拖地、回充、覆盖率与实时轨迹组织为连续且可理解的状态反馈。
实时设计调参
曝光、色温、墙地材质、雾化、设备质感与智驾镜头可以在同一界面实时调整。
保存与完整恢复
场景参数、视图和导入模型被保存为项目状态，也可烤进自包含 HTML 独立分享。
当机器人开始移动，空间模型才真正成为孪生体。
清洁状态、面积、时长、集尘量与轨迹同步变化。前端仿真用于快速验证交互，Project API 管理慢数据，Runtime API 为真实位姿和状态预留接入路径。
把一次性原型，逐步变成可以接入真实业务的平台骨架。
描述一个家
户型、家具、资产、默认视图与设计偏好属于项目数据，在打开与保存时读写。
描述此刻
机器人位姿、任务状态、覆盖率、轨迹和障碍感知属于高频运行数据，由渲染循环平滑呈现。
设计判断、产品结构与代码，在同一个原型里共同迭代。
用程序化几何建立三层户型和可控的楼层关系。
把视觉家具转化为可识别、可点选、可替换的家具单元。
加入路径、状态、视角与反馈，验证清洁过程是否可理解。
以 Manifest、项目 JSON 和双 API 线为后续平台化预留边界。
最有价值的不是“做出了 3D”，而是找到从概念体验走向产品系统的连接方式。
当前版本已经完成三层空间、设备与家具替换、清洁仿真、设计调参与项目保存。它仍是一个持续演进的独立原型：下一阶段将迁移到模块化工程、接入真实 Runtime 数据，并验证低端设备下的 2D 降级与性能预算。页面只呈现已经实现或明确标注为下一步的能力。
让机器人理解的空间，也成为人能够理解、设计和信任的空间。
从一台设备的演示原型，走向连接 APP、云端、资产与真实机器人的空间智能平台。