面向浏览器端免费开源的三维可视化编辑器,包含BIM轻量化,CAD解析预览等特色功能。

ES 3DEditor

🌍Github地址
https://github.com/mlt131220/ES-3DEditor

🌍在线体验
https://editor.mhbdng.cn/#/

基于vue3与ThreeJs,具体查看Doc

主要功能:

  • 模型导入展示,支持OBJ、FBX、GLTF、GLB、RVT、IFC、SEA、3DM、3DS、3MF、AMF、DAE、DRC、PLY、SVG、JSON等30+格式;
  • BIM模型(RVT、IFC)轻量化展示;
  • CAD图纸(DWG、DXF)解析关联;
  • 场景网络存储读取;
  • WebSocket 协作;
  • 又拍云 USS 存储;
  • Golang + MySQL 后端支持;
  • 运行脚本;
  • WebGPU 支持 (🎉开发阶段);
  • 数据组件 (暂定支持:API接口、WebSocket,不支持:前端SQL、GraphQL);
  • VUE / React 组件动态导入为面板UI;

工程结构

复制代码
|-- .vscode                          // vscode配置文件
|-- build                            // 打包配置
|-- public 
|   |-- library                      // 静态资源库
|   |-- release                      // 发布包模板         
|   |-- static                       // 项目静态资源
|   |-- logo.svg                     // Logo               
|-- src                              // 源码目录               
|   |-- cesium                       // cesium 场景相关
|   |-- components                   // 组件
|   |-- config                       // 项目各类配置
|   |-- core                         // 编辑器核心代码
|       |-- commands                 // 编辑器操作命令集合
|       |-- exporters                // 自定义模型导出器
|       |-- libs                     // 第三方相关js库
|   |-- hooks                        // 钩子函数
|   |-- http                         // 封装请求
|   |-- language                     // i18n 国际化配置文件夹
|   |-- router                       // 路由配置
|   |-- store                        // Pinia 状态管理
|   |-- utils                        // 全局公用函数目录    
|   |-- views                        // vue页面            
|   |-- App.vue                      // App入口文件
|   |-- main.ts                      // 程序入口文件 
|-- types                            // 全局类型定义目录 
|-- .env                             // 通用环境文件
|-- .env.development                 // 开发环境
|-- .env.production                  // 生产环境
|-- .gitignore                       // git ingnore
|-- index.html                       // 入口html文件
|-- package.json                     // 项目及工具的依赖配置文件
|-- README.md                        // README
|-- tsconfig.json                     // 指定了编译项目所需的根目录下的文件以及编译选项
|-- vite.config.ts                    // Vite配置文件
|-- yarn.lock                    

快速开始

shell 复制代码
   git clone https://github.com/mlt131220/ES-3DEditor.git

运行

shell 复制代码
    cd ES-3DEditor
    yarn install
    yarn run dev

Tips:

  • Node > 18.0.0;

打包

shell 复制代码
    yarn run build
相关推荐
可爱系程序猿4 小时前
佳能 MF645Cx Windows 11 驱动下载安装:UFR II 队列可打印但扫描入口缺失的排查
程序人生·电脑·1024程序员节
冬奇Lab8 小时前
一天一个开源项目(第247篇):wxa-runner —— 让小程序在普通浏览器里用微信官方基础库跑起来,直接接 Playwright 做无头 E2E
微信小程序·开源
supabc1239 小时前
欧盟电子发票(XRechnung/Peppol/ZUGFeRD)踩坑记:用 Python 不装 Java 跑官方校验规则
xml·python·开源·电子发票·1024程序员节
凯程序猿1号11 小时前
SafeDRM 阅读器提示设备名额不足:重装系统后怎样核对旧设备与当前授权
电脑·1024程序员节
行者全栈架构师11 小时前
【鸿蒙心迹】让老照片变清晰:HarmonyOS 7.0 图像超分相册工程化落地与 5 个踩坑解法
架构·前端框架·开源
miofly13 小时前
Kling 4.0 上线 API 调用,支持 30 秒原生音频视频生成
开源·github
DisonTangor13 小时前
FLUX 3 Image Klein 中文全解:5.6B 开源文生图与图像编辑模型实战指南
人工智能·ai作画·开源·aigc·1024程序员节
miofly13 小时前
山东大学研究:代码智能体的复杂 harness 主要提升 token 消耗而非性能
开源·github
2601_9656196914 小时前
没时间给开源项目做宣传?AI自动化生成整套物料
人工智能·开源·自动化
DisonTangor14 小时前
MOSS-Image-Base 实战:从文生图到 JSON 布局精准控图
人工智能·ai作画·开源·aigc·1024程序员节