简介 - zone3Deditor

# 视频介绍

# 概述

zone3Deditor 是基于 TvT.js 生态的在线区域场景编辑器，面向园区、厂区、机房、仓储等空间可视化项目。它把模型、扩展组件、环境、事件、数据与 UI 组合在同一个可视化工作流中，支持免费使用与预览、场景配置导入导出，以及插件源码导出和二次开发。

你可以接入自己的模型与资源服务，也可以将 AI 生成的三维资产继续放入场景中编辑。对于插件和场景的持续需求变更，TvT.js 生态还通过 Spec 文档固化数据结构、交互边界、快照恢复与源码导出要求，让 AI 协同实现的结果保持可维护、可复现、可交付。

# 使用和预览地址

• 区域场景编辑器：zone3deditor.icegl.cnopen in new window

# 本编辑器已落地的场景有

# tvt.js技术栈拓扑图【免费开源】

预览地址：freeTvtStackopen in new window

# 低像素炼油厂【免费开源】

预览地址：freeRefiningIndustryopen in new window

# 海洋船运可视化【免费开源】

预览地址：freeShipSeaopen in new window

# 基础玩具店案例【免费开源】

预览地址：pluginOneopen in new window

# 智能仓储管理可视化案例

预览地址：zoneSmartWarehouseopen in new window

# 智慧机房案例

预览地址：zoneMachinRoomopen in new window

# 炼化智能工厂案例

预览地址：zoneRefiningIndustryopen in new window

# 智能办公空间案例

预览地址：zoneOfficeFlooropen in new window

# 低像素风格机房案例

预览地址：zonePixelLowMachinRoomopen in new window

# 无人机组可视化案例

详情地址：zoneLowAltitudeUAVopen in new window

# 📦 区域场景编辑器功能清单

区域场景编辑器提供一整套完整、灵活的功能，支持您在三维可视化场景中快速构建区域级别的空间布局与功能配置：

# 1. 🧱 自有模型管理与服务

• 支持上传、管理用户自定义模型资源；
• 可接入自建模型服务，统一模型调用与维护。

# 2. 🔌 配置化引入 TVT 扩展物体

• 可快速配置并加载 TVT 生态内的各类扩展物体与功能组件（所有效果都开源在tvt.js的组件基座）；
• 实现组件级复用，提高构建效率。

# 3. 🧭 地面类型设置

• 场景地面支持多类型（如道路、草地、水面等）设置；
• 可视化配置地面材质与物理属性。

# 4. 🎮 物体交互控制

• 拖拽放置物体，支持实时调整位置、旋转与缩放；
• 支持吸附对齐、碰撞检测与落地处理；
• 提供物体的复制与删除操作。

# 5. ⚡️ 事件编辑器

• 支持绑定场景内三维物体的事件函数
• 事件包含单击、双击、鼠标右键、鼠标移入和移出
• 事件通过js代码实现触发函数

# 6. 🧾 场景物体与属性管理

• 场景物体列表一览，支持分类、选中、聚焦；
• 可实时修改物体属性参数，提升编辑精度。

# 7. 🎨 后期处理支持

• 支持开启/关闭后期效果如光晕、色调映射、景深等；
• 提升场景视觉表现力。

# 8. 🌤️ 天气与日照环境

• 可配置动态天气系统（晴天、阴天、雨雪等）；
• 日照模拟功能，支持调节时间与光照角度；
• 环境贴图和相关设置。

# 9. 🔁 操作历史与状态管理

• 跟踪用户操作，支持撤销（Undo）与重做（Redo）；
• 支持快捷键操作，大幅提升编辑效率；
• 状态管理模块支持场景状态持久化。

# 10. 📥 导入导出 & 状态同步

• 一键导出当前场景配置；
• 支持导入配置文件进行状态复现；
• 场景状态与编辑器状态同步管理。

# 11. 📦 插件源码导出支持

• 根据当前设计导出完整插件源码包；
• 包含自定义插件逻辑与场景中所用模型的压缩版本；
• 方便二次开发与集成发布。

# 12. 🌠 UI界面编辑支持

• 直接导入go-view的UI界面配置文件
• 通过免费开源生态的go-view界面编辑器，将设计好的UI导入到当前场景的项目中
• go-view编辑方法：点击详情

# 13. 🤖 AI 与生成式内容

• 支持将本地部署的腾讯混元 3D 图生模型结果导入 TvT.js，继续完成材质、布局与场景集成；
• 已开展 MCP + 大模型文字生成场景的测试探索，该方向仍在持续迭代，实际可用范围以编辑器当前版本为准；
• 场景与插件的需求变更可通过 Spec 固化数据、交互、快照和导出约束，再由 AI 协同实现。

进一步了解 AI 协同与 Spec 工作流

✨ 以上功能旨在为开发者与设计人员提供高效、可视、可拓展的三维区域构建能力。