← 返回项目库
数字孪生园区可视化城市规划文旅展陈

基于 Three.js 和 Vue3 的 3D 数字孪生低代码编辑平台

基于 Three.js 与 Vue3 的三维数字孪生低代码场景编辑器，支持场景对象编排、属性材质调整、GIS 辅助与天气预览。

面向园区、能源和展陈方案的轻量三维工作台。通过场景树、视口拖放、资源库和配置面板，把模型布置、对象调整和场景预览集中在同一套浏览器界面中；本版本包含可复现的中文演示场景与本地资产数据。

真实界面

项目截图

共 9 张

场景管理
资产管理
模型
场景树
常规属性
材质
场景配置
GIS 配置
天气效果

Capabilities

核心功能

✓场景列表与新建场景
✓Three.js 三维视口与对象选择
✓几何体拖放与场景树管理
✓对象位置、旋转与缩放编辑
✓PBR 材质与渲染参数调整
✓GIS 辅助配置与地理环境入口
✓天气粒子效果预览
✓批量导入位置数据

适用场景

智慧园区空间编排
能源设施巡检原型
文旅展陈方案沟通

适合谁

需要快速搭建三维场景原型的数字孪生、园区可视化、城市规划和展陈团队。

商业化思路

适合作为项目交付中的三维编辑器基础、客户演示工作台或行业可视化方案原型，按项目集成与定制服务收费。

你会拿到什么

  • ✓中文化 Vue3 和 Three.js 场景编辑器源码
  • ✓可复现的场景、对象和资产演示数据
  • ✓保留上游 LICENSE 的源代码交付包

部署流程

  1. 1在 Node.js 20.19+ 环境安装 pnpm 工作区依赖
  2. 2构建 @meteor3d/core 与 @meteor3d/scene-editor
  3. 3按 README 启动 scene-editor；需要后端持久化时再配置 MongoDB 服务

真实验证结果

已通过 9 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

本版本默认使用浏览器本地演示数据；GLTF、3D Tiles、HDRI 资产的真实加载和后端持久化仍依赖仓库原有服务与资产文件。

部署难度

中等

最低配置

Node.js 20.19+ 或 22.12+，pnpm 工作区；若启用原始后端持久化，还需要 MongoDB 等仓库中声明的服务。

开源许可证

MIT

最后验证

2026-08-30

技术栈

Vue3Three.jsVitePiniapnpm workspace

授权说明

交付包保留上游 LICENSE；本版本对中文界面、演示数据、离线演示模式和视口镜头逻辑做了修改，使用时请同时遵守上游 MIT 条款并保留版权声明。

Release notes

版本记录

1 个已发布版本

vcn-d167657fc2b5 当前推荐

补齐中文核心导航与演示数据，增加场景和资产本地演示模式，修复视口自动取景距离公式，并通过 9 个功能状态的本地浏览器验证。

部署要求：Node.js 20.19+ 或 22.12+，pnpm；生产后端依赖以仓库 README 与服务配置为准。

已知问题：本版本默认使用浏览器本地演示数据；GLTF、3D Tiles、HDRI 资产的真实加载和后端持久化仍依赖仓库原有服务与资产文件。

登录后领取