区域场景编辑器

基于tvt生态的区域编辑器,用于快速落地园区、区域范围类的场景,导出配置或者源码。免费使用、免费预览、免费导入导出配置,以及按照自己得需求设计,引入自己得模型服务,编辑好后,免费导出插件源码进行二次开发。

区域场景编辑器

基于tvt生态的区域编辑器,用于快速落地园区、区域范围类的场景,导出配置或者源码。免费使用、免费预览、免费导入导出配置,以及按照自己得需求设计,引入自己得模型服务,编辑好后,免费导出插件源码进行二次开发。

预览截图

扫码小程序演示

预览页ID:1
预览页ID:2

插件安装

本插件为TVT.js平台深度定制开发的源码包,如需在其他平台集成使用,建议进行适配性调整以实现最佳兼容效果。

1、点击右侧插件包下载,得到: 'zone3Deditor.zip' , 并放在 `icegl-three-vue-tres/pluginMaker/install/`

2、请使用命令终端,自行定位到您电脑的目录

cd /icegl-three-vue-tres/

3、输入命里,安装插件

yarn plugin.marker install zone3Deditor

4、启动预览模式即可:

yarn pre.dev

插件介绍

首先当时是在线使用地址:

https://oss.icegl.cn/p/zone3Deditor

编辑器行业分析预览:

清晰版跳转 B站查看详情

编辑器简单概要:

清晰版跳转 B站查看详情

免费使用、免费预览、免费导入导出配置,以及按照自己得需求设计,引入自己得模型服务,编辑好后,免费导出插件源码进行二次开发。此编辑器的本体的源码是收费的,会不断更新,加入更多组件和落地更多场景。

有问题请联系我们,最好反馈到社区:https://www.icegl.cn/ask 我们会第一时间修复

此插件依赖 ViewportGizmo免费插件,提前安装好即可使用

QA:

1、在线使用导出插件包后,安装前也要检查是否存在 ViewportGizmo 插件,没有也请安装

2、1.6.2版本后,全面使用 localforage 替代 localStorage 【配置大小的原因】,所以请通过命令行安装 localforage 库

yarn add localforage



关于模型服务设置:


首先下载模型服务源码:

https://pan.quark.cn/s/eb755abf0f9c

此程序用于发布自己本地或远程模型的服务,是tvt区域编辑器[后续也支持其他编辑器]的配套。
目录参照如下:

models/  放置资源的根目录
      ----0游乐场  => 此为实例分类名,
            ----models   => 分类下的模型存放目录,目前只支持glb格式,后续增加其他格式
            ----previews => 分类下的预览图存放目录,和模型名称一一对应
启动命令:
# 安装依赖
yarn

# 生成配置文件.json
node generateModeServe.js -p ./models

# 发布服务
node generateModeServe.js -serve -p ./models -port 4000

此服务的最新源码都开源了,更新在:

https://gitee.com/ice-gl/tvt-model-manager-serve

使用方法一样,详见项目说明页


区域场景编辑器功能包含:

1、自有模型管理、以及自建模型服务

2、配置化引入tvt生态内的扩展物体

3、地面类型设设置

4、物体的拖拉拽、大小/位置/旋转,吸附碰撞、落地处理、复制/删除当前物体、模型动画

5、场景内物体列表管理,属性管理

6、后期处理

7、天气以及日照设置

8、跟踪操作历史,上一步/下一步,以及快捷键 状态管理以及持久化

9、导入导出配置,同步编辑器状态

10、根据自己得当前设计,导出自己得插件源码(包含插件源码包和场景中的模型压缩),方便您的二次开发。


区域场景编辑器配套文档:

https://docs.icegl.cn/docs/three-vue-tres/zoneeditor/introduction.html

2025-09-22 15:35:23

1、增加两个地面效果高级组件

2、增加splat 高斯溅射高级组件

3、fix 替换 domUI的 组件 ,crypto.randomUUID() 方法,增强兼容性

4、fix 优化高级组件 统一配置文件:extendMeshListConfig.js

5、fix: 解决 Naive UI 的异步waring问题 在NDialogProvider 组件中

2025-09-16 10:08:43
1、feat 全面使用 localforage 替代 localStorage 【配置大小的原因】
2、fix 透明材质的透明度检测问题
3、fix 相机实时同步双向绑定的卡顿
4、feat 增加高级组件: 拓扑底座、svg组件、精灵图片、矩形线边框、箭头线组件

5、fix 没有模型在场景中 那么默认首页加载完毕

6、新增免费源码案例:

https://opensource.icegl.cn/#/#zoneFreeScene

2025-09-11 12:41:53

1、增加免费案例:

https://opensource.icegl.cn/#/#zoneFreeScene

2、优化高级组件:RoundedBox镜面

3、新增和优化了伸缩管线的组件

4、优化左侧模型服务配置的tab滚动提示

5、增加了摄像头类型的切换,正交和透视摄像头

6、增加键盘监听删除 del按键

7、优化了精灵图文字组件



2025-09-05 10:39:50

1、feat 增加了倾斜摄影的组件

2、feat 更新了goview组件大版本,且支持了vchart

3、fix 优化了精灵图文字组件

2025-08-29 10:53:15

1、高级组件 增加了白膜组件

2、优化配置 高级组件管理

2025-08-20 09:45:16

1、增加了移动端的简单展示编辑器的案例

2、增加了模型配置检查的界面提示

3、解藕 standardizationMeshCopy 函数到基座公共函数,解决导出插件缺失的bug

4、优化了dom的组件功能

2025-08-11 16:58:15

1、增加关于版本号的显示 

2、增加高级围栏组件 

3、增加粒子底座 

4、增加dom面板的代码组件 

5、增加网格底座的配置 

6、增加快速导入例子配置的功能

2025-08-05 16:37:26

1、更新了模型管理器、增加了自动模型尺寸的配置

2、重构了模型模型管理导入导出等,保留了动画效果,配置动画播放和速度

3、更新了演示模版,增加动画的展示


2025-07-23 11:25:56

增加了地板样式:冰面

2025-07-04 15:45:34
fix: 光照强度 和 阴影的参数 导出在插件配置中
fix:导出模型过多后,命名重复的问题
feat: 增加了 矩形的渐变色 组件
fix: 优化模型在标准化时 节点为mesh且还带child的问题

fix: 优化左侧模型管理菜单,模型过多,滚动条的展示

2025-06-07 20:31:26

1、修复模型转化后的 基本坐标参数丢失问题 

2、增加了光照强度 以及 阴影模糊的选项 

3、增加了 伸缩管线 组件 

4、静态水,方块地板,弧度边的长方体 

5、增加了 RoundedBox镜面 赶紧 免费 体验吧

2025-05-19 16:37:17

测试完毕,并上架插件

优化物体选择和拖动的逻辑

版本正持续更新和优化,期待更多功能吧