https://juejin.cn/post/7490784514842476594
https://editor.astraljs.com/#/
https://github.com/mlt131220/Astral3DEditor.git
astral-3d-editor
cd Astral3DEditor
yarn install
yarn run dev
源码地址请文末领取
什么是 Astral3DEditor？
Astral3DEditor 是一个现代化的 Web 3D 编辑器，专注于提供全面的三维场景创建、编辑和可视化能力。
它不仅仅是一个简单的 3D 渲染工具，而是一个完整的场景编辑平台，能够支持从模型导入、场景构建到多人协作的全流程操作。
作为一个开源项目，它秉承了开源精神，同时提供了丰富的功能，满足从简单的 3D 展示到复杂的交互式应用的各种需求。
核心功能与亮点
- 多格式全面支持
Astral3DEditor 支持超过 30 种模型格式，包括常见的 GLTF、OBJ、FBX、GLB 等通用格式，以及专业的 RVT、IFC 等 BIM 格式。
这种广泛的兼容性使得它能够无缝对接各类 3D 设计软件的输出成果。 - BIM 与 CAD 集成能力
项目的一大亮点是对 BIM 和 CAD 的深度支持：
BIM模型轻量化展示：支持 RVT/IFC 等 BIM 格式，实现了专业建筑模型的轻量化渲染
CAD图纸解析：能够直接解析 DWG/DXF 格式的 CAD 图纸，实现 2D 与 3D 的结合
所以，Astral3DEditor 可能在建筑、规划和工程可视化领域具有独特优势。
- 扩展系统与运行时
项目设计了灵活的扩展机制：
插件系统：允许开发者扩展编辑器功能
脚本运行时：支持在场景中运行自定义脚本
粒子系统：实现各类特效和自然现象模拟
天气系统：模拟不同天气条件下的场景效果
- 协作与存储
场景分包存储与加载：优化大型场景的加载体验
WebSocket 多人协作：支持团队实时协作编辑
云存储集成：与又拍云 USS 等服务对接
技术栈
Astral3DEditor 项目利用了比较前沿的前端开发技术栈：
核心框架：Vue3
3D 渲染：THREE.JS
语言：主要使用 TypeScript，部分使用 JavaScript
开源规划
该开源作者目前一直在频繁的更新中，并且给出了产品规划：
物理引擎支持：增强交互体验和模拟能力
WebGPU 支持：提升渲染性能
数据组件：通过 API/WebSocket 实现数据集成
低代码数据大屏：简化可视化应用开发
如何使用
项目要求 Node.js ≥ 18.x 和 Yarn 作为基础环境。通过简单的几步命令即可在本地运行：
bash 体验AI代码助手 代码解读复制代码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/#/
作者：攻城师不浪
链接：https://juejin.cn/post/7490784514842476594
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
