炸裂的开源！基于Three+Vue3的三维低代码编辑器，还支持BIM+CAD，绝了！

大家好，我是日拱一卒的攻城师不浪，致力于前沿科技探索，摸索小而美工作室，这是2025年输出的第22/100篇文章。

发现一个现象，貌似今年的数字孪生、虚拟仿真的项目貌似多了起来，不知道大家有没有这种感觉？

当不断有项目找上门来，甚至甲方希望能快速出一个Demo，这个时候，低代码编辑器就显得格外重要了！

所以，今天为大家重点介绍一款超强的开源项目 --- Astral3DEditor，这是一个基于 Vue3 和 THREE.JS 构建的免费开源三维可视化孪生场景编辑器。

源码地址请文末领取

什么是 Astral3DEditor？

Astral3DEditor 是一个现代化的 Web 3D 编辑器，专注于提供全面的三维场景创建、编辑和可视化能力。

它不仅仅是一个简单的 3D 渲染工具，而是一个完整的场景编辑平台，能够支持从模型导入、场景构建到多人协作的全流程操作。

作为一个开源项目，它秉承了开源精神，同时提供了丰富的功能，满足从简单的 3D 展示到复杂的交互式应用的各种需求。

核心功能与亮点

1. 多格式全面支持

Astral3DEditor 支持超过 30 种模型格式，包括常见的 GLTF、OBJ、FBX、GLB 等通用格式，以及专业的 RVT、IFC 等 BIM 格式。

这种广泛的兼容性使得它能够无缝对接各类 3D 设计软件的输出成果。

2. BIM 与 CAD 集成能力

项目的一大亮点是对 BIM 和 CAD 的深度支持：

• BIM模型轻量化展示：支持 RVT/IFC 等 BIM 格式，实现了专业建筑模型的轻量化渲染

• CAD图纸解析：能够直接解析 DWG/DXF 格式的 CAD 图纸，实现 2D 与 3D 的结合

所以，Astral3DEditor 可能在建筑、规划和工程可视化领域具有独特优势。

3. 扩展系统与运行时

项目设计了灵活的扩展机制：

• 插件系统：允许开发者扩展编辑器功能

• 脚本运行时：支持在场景中运行自定义脚本

• 粒子系统：实现各类特效和自然现象模拟

• 天气系统：模拟不同天气条件下的场景效果

4. 协作与存储

• 场景分包存储与加载：优化大型场景的加载体验
• WebSocket 多人协作：支持团队实时协作编辑
• 云存储集成：与又拍云 USS 等服务对接

技术栈

Astral3DEditor 项目利用了比较前沿的前端开发技术栈：

• 核心框架：Vue3

• 3D 渲染：THREE.JS

• 语言：主要使用 TypeScript，部分使用 JavaScript

开源规划

该开源作者目前一直在频繁的更新中，并且给出了产品规划：

• 物理引擎支持：增强交互体验和模拟能力

• WebGPU 支持：提升渲染性能

• 数据组件 ：通过 API/WebSocket 实现数据集成

• 低代码数据大屏：简化可视化应用开发

如何使用

项目要求 Node.js ≥ 18.x 和 Yarn 作为基础环境。通过简单的几步命令即可在本地运行：

git clone https://github.com/mlt131220/Astral3DEditor.git
cd Astral3DEditor
yarn install
yarn run dev

开源协议说明

Astral3DEditor 采用 Apache-2.0 License 开源协议，允许个人学习、二次开发和非商业用途，但商业用途需要获得授权。

结语

看到这，说明你已经对该开源非常感兴趣了吧！不浪认为这是一个学习 THREE.JS 与 Vue3 结合应用的非常难得的优秀案例，而且还包含了低代码开发资源。这还不足以进你的收藏夹吃灰嘛！

【开源地址 】github.com/mlt131220/A...

【试用地址 】editor.astraljs.com/#/

如果有需要进可视化&Webgis交流群可以加我：brown_7778（备注来意）。