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

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

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

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

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

源码地址请文末领取

什么是 Astral3DEditor?

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

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

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

核心功能与亮点

1. 多格式全面支持

Astral3DEditor 支持超过 30 种模型格式,包括常见的 GLTFOBJFBXGLB 等通用格式,以及专业的 RVTIFCBIM 格式

这种广泛的兼容性使得它能够无缝对接各类 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.xYarn 作为基础环境。通过简单的几步命令即可在本地运行:

bash 复制代码
git clone https://github.com/mlt131220/Astral3DEditor.git
cd Astral3DEditor
yarn install
yarn run dev

开源协议说明

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

结语

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

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

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

如果有需要进可视化&Webgis交流群可以加我:brown_7778(备注来意)。

相关推荐
魂断蓝桥66613 小时前
如何基于three.js(webgl)引擎架构,实现3D微信小游戏(第一课)
webgl·three.js·微信小游戏·three.js路径规划、三维a*算法、javascript三维导航,·three.js小游戏
Mintopia21 小时前
Three.js 深度冲突:当像素在 Z 轴上玩起 "挤地铁" 游戏
前端·javascript·three.js
十盒半价2 天前
前端性能优化避坑指南:从回流重绘到页面渲染全解析
前端·css·trae
Mintopia2 天前
Three.js 加载模型文件:从二进制到像素的奇幻漂流
前端·javascript·three.js
良辰未晚3 天前
基于全屏 Quad 的 Three.js 后处理全解析
three.js
Mintopia3 天前
Three.js 材质与灯光:一场像素级的光影华尔兹
前端·javascript·three.js
Pitayafruit3 天前
AI帮我写代码,谁来帮我看代码?
trae
Mintopia3 天前
Three.js 3D 世界中的噪声运动:当数学与像素共舞
前端·javascript·three.js
楽码3 天前
终于说清楚!希腊字符如何进入数学或科学场景
openai·编程语言·trae
十盒半价3 天前
闭包:JS 里的 “背包客”,背走了变量的秘密
前端·javascript·trae