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

本文主要是介绍面向浏览器端免费开源的三维可视化编辑器,包含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                    

快速开始

   git clone https://github.com/mlt131220/ES-3DEditor.git

运行

    cd ES-3DEditoryarn installyarn run dev

Tips:

  • Node > 18.0.0;

打包

    yarn run build

这篇关于面向浏览器端免费开源的三维可视化编辑器,包含BIM轻量化,CAD解析预览等特色功能。的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/997191

相关文章

使用Python实现矢量路径的压缩、解压与可视化

《使用Python实现矢量路径的压缩、解压与可视化》在图形设计和Web开发中,矢量路径数据的高效存储与传输至关重要,本文将通过一个Python示例,展示如何将复杂的矢量路径命令序列压缩为JSON格式,... 目录引言核心功能概述1. 路径命令解析2. 路径数据压缩3. 路径数据解压4. 可视化代码实现详解1

Python 交互式可视化的利器Bokeh的使用

《Python交互式可视化的利器Bokeh的使用》Bokeh是一个专注于Web端交互式数据可视化的Python库,本文主要介绍了Python交互式可视化的利器Bokeh的使用,具有一定的参考价值,感... 目录1. Bokeh 简介1.1 为什么选择 Bokeh1.2 安装与环境配置2. Bokeh 基础2

SpringBoot UserAgentUtils获取用户浏览器的用法

《SpringBootUserAgentUtils获取用户浏览器的用法》UserAgentUtils是于处理用户代理(User-Agent)字符串的工具类,一般用于解析和处理浏览器、操作系统以及设备... 目录介绍效果图依赖封装客户端工具封装IP工具实体类获取设备信息入库介绍UserAgentUtils

Android使用ImageView.ScaleType实现图片的缩放与裁剪功能

《Android使用ImageView.ScaleType实现图片的缩放与裁剪功能》ImageView是最常用的控件之一,它用于展示各种类型的图片,为了能够根据需求调整图片的显示效果,Android提... 目录什么是 ImageView.ScaleType?FIT_XYFIT_STARTFIT_CENTE

Golang HashMap实现原理解析

《GolangHashMap实现原理解析》HashMap是一种基于哈希表实现的键值对存储结构,它通过哈希函数将键映射到数组的索引位置,支持高效的插入、查找和删除操作,:本文主要介绍GolangH... 目录HashMap是一种基于哈希表实现的键值对存储结构,它通过哈希函数将键映射到数组的索引位置,支持

Python的time模块一些常用功能(各种与时间相关的函数)

《Python的time模块一些常用功能(各种与时间相关的函数)》Python的time模块提供了各种与时间相关的函数,包括获取当前时间、处理时间间隔、执行时间测量等,:本文主要介绍Python的... 目录1. 获取当前时间2. 时间格式化3. 延时执行4. 时间戳运算5. 计算代码执行时间6. 转换为指

Python使用getopt处理命令行参数示例解析(最佳实践)

《Python使用getopt处理命令行参数示例解析(最佳实践)》getopt模块是Python标准库中一个简单但强大的命令行参数处理工具,它特别适合那些需要快速实现基本命令行参数解析的场景,或者需要... 目录为什么需要处理命令行参数?getopt模块基础实际应用示例与其他参数处理方式的比较常见问http

Python利用ElementTree实现快速解析XML文件

《Python利用ElementTree实现快速解析XML文件》ElementTree是Python标准库的一部分,而且是Python标准库中用于解析和操作XML数据的模块,下面小编就来和大家详细讲讲... 目录一、XML文件解析到底有多重要二、ElementTree快速入门1. 加载XML的两种方式2.

Java的栈与队列实现代码解析

《Java的栈与队列实现代码解析》栈是常见的线性数据结构,栈的特点是以先进后出的形式,后进先出,先进后出,分为栈底和栈顶,栈应用于内存的分配,表达式求值,存储临时的数据和方法的调用等,本文给大家介绍J... 目录栈的概念(Stack)栈的实现代码队列(Queue)模拟实现队列(双链表实现)循环队列(循环数组

Android实现在线预览office文档的示例详解

《Android实现在线预览office文档的示例详解》在移动端展示在线Office文档(如Word、Excel、PPT)是一项常见需求,这篇文章为大家重点介绍了两种方案的实现方法,希望对大家有一定的... 目录一、项目概述二、相关技术知识三、实现思路3.1 方案一:WebView + Office Onl