一些经典的3D编辑器开源项目

前言

给大家分享一下个人在探索开发three.js编辑器项目期间发现的一些比较不错的3D编辑器类型的开源项目,如果你也正打算做类似相关的项目,那么这些开源项目会是一个不错的参考借鉴

以下排名不分先后🙏🏻

项目一:Astral3D

描述:基于Vue3 + THREE.JS 免费开源的三维引擎及配套编辑器,包含BIM轻量化、CAD解析预览、粒子系统、插件系统等功能。

特点 :强大的3D场景内容元素的编辑和保存功能和丰富多样的3D元素内容,同时支持BIMCAD等工业建模文件的加载渲染

注意⚠️ :项目是Apache-2.0 license 的开源协议,项目作者本人也声明了项目可用于个人学习 ,如有商用需要向作者申请商用授权

界面

在线地址editor.astraljs.com/#/

Github : github.com/mlt131220/A...

项目二:thebrowserlab

描述:一个「运行在浏览器里的 3D 编辑器 + 创意编码 (creative-coding) 环境」

特点 :支持加载视频、文本、图片、粒子等内容并提供了丰富的编辑表单参数可视化编辑配置,同时还支持在线代码的脚本内容写入设置3D场景内容。

注意⚠️ :项目使用 MIT 授权 (MIT license),意味着你可以自由地 fork、修改、商用 (遵守 MIT 即可)

界面

在线地址thebrowserlab.com/

Github : github.com/icurtis1/th...

项目三:threepipe

描述:一个基于 Three.js 构建的现代 3D 框架

特点:项目基于了Three.js进行了二次封装,提供了不少高级功能,使其适合从简单 3D 模型预览到复杂 交互 / 渲染应用,通过简单的API 使用就可以快速创建复杂的3D模型预览器,模型编辑器等内容。

注意⚠️ :既然是封装好的框架,在享受使用的便利时,新的学习成本也是不可避免的,项目使用 Apache-2.0-1 协议,商用也许需要授权,不过毕竟是歪果仁开发的,即使未授权也难以知晓

界面

在线地址editor.threepipe.org/

Github : github.com/repalash/th...

项目四:ShadowEditor

描述:基于Three.js、Go语言和MongoDB的跨平台的3D场景编辑器,支持桌面版和Web版。

特点:跨平台的支持 Windows / Linux / Mac,在桌面 (desktop) 和浏览器 (web) 中都能运行,前后端一体的项目

注意⚠️:使用 MIT 许可证的项目,可以自由用于学习、实验或商业用途。从界面不难看出,应该是属于上古时期的项目了,three.js版本也是107的。作者也推出了商业版的,如有需要也可以试用一下商业版的

界面

在线地址www.hylab.cn/shadowedito...

Github : gitee.com/tengge1/Sha...

项目五:three-editor

描述:一个基于 Three.js 的 可视化 / 低代码 3D 编辑器 / 内核/框架。它的目标是降低使用 Three.js 的门槛,让构建 Web 3D 场景更简单、更迅速

特点:提供了一整套"可视化 + 配置 + 编辑 + 渲染"的能力,使得即使不深入了解 Three.js,也能快速构建 3D 场景 / 项目,:如果你只是想在网页中展示某个 3D 模型、场景或交互,而不想编写大量 Three.js boilerplate,three-editor 能极大降低门槛

注意⚠️ :因为场景内容都是封装处理好的,提供的可编辑参数内容配置并不多,如果你的自定义需求很多的话使用这个项目前需要谨慎考虑一下

界面

在线地址z2586300277.github.io/threejs-edi...

Github : github.com/z2586300277...

项目六:scene-editor

描述:vis-three/scene-editor 是基于 vis-three 框架构建的 ------ vis-three 本身是一个封装自 Three.js 的前端 3D 开发框架,用于简化 Web3D 开发

特点:基于vis-three 衍生开发的一个3D编辑器提供了一套较为完整的 Web 3D 场景编辑功能 --- 目标是让你即使对 3D 或 Three.js 不熟,也能比较轻松地 "拖/配/编辑" 出一个 3D 场景

注意⚠️:仓库地址的代码是Vue3项目编译打包后的,作者并没有直接提供Vue3项目的源代码,如果有二次开发需求,无法直接性修改源代码

界面

在线地址z2586300277.github.io/threejs-edi...

Github : github.com/Shiotsukika...

Gitee :gitee.com/vis-three/s...

项目七: three.js官方编辑器

描述Three.js(著名的 WebGL / Web 3D 渲染库)自带 / 官方提供的可视化编辑器,接触过three.js的应该都知道吧

特点3D编辑器的鼻祖了也是唯一一个能和three.js最新版本保持随时同步的编辑器,很多现有的商业项目和开源项目的功能,或多或少都参考了这个项目去实现的

注意⚠️:使用原生js 去实现的,二次开发和扩展功能成本较大

界面

在线地址threejs.org/editor/

Github : github.com/mrdoob/thre...

项目八: threejs-3dmodel-edit

描述 :一个基于 Three.js + Vue 3 + TypeScript + Pinia 的前端 3D 模型编辑器 / 可视化编辑平台

特点:是一个比较完整、现代、易用的 Web-based 3D 模型编辑器 --- 它把 Three.js 的功能通过 Vue / TS / Pinia 封装起来,让非专业 3D 建模背景的人也能比较容易地加载 /编辑 /导出 /展示 3D 模型。基于企业级项目代码开发的标准规范,如果你正在开发自己的第一个企业级Three.js 项目那么这个项目的代码设计思路将会是一个不错的参考

注意⚠️:作者本人的3D开源项目,毛遂自荐一下,哈哈哈哈

界面

在线地址threeflowx.cn/open/#/

Github : github.com/zhangbo126/...

Gitee :gitee.com/ZHANG_6666/...

结语

ok以上就是作者本人已知的一些不错的开源3D编辑器合集了,如果你还知道一些好的3D编辑器项目欢迎评论区补充

相关推荐
亿元程序员1 小时前
Creator都快4.0了,怎么能没有这样的功能?
前端
q***64971 小时前
SpringMVC 请求参数接收
前端·javascript·算法
万少2 小时前
流碧卡片 6 小时闪电开发 AI gemini-3-pro-preview ! 秒出小红书爆款图,免下载直接用
前端·后端·ai编程
b***46242 小时前
IoT DC3 是一个基于 Spring Cloud 的开源的、分布式的物联网(IoT)平台本地部署步骤
物联网·spring cloud·开源
向葭奔赴♡2 小时前
若依系统权限控制全流程解析
前端·javascript·vue.js·ruoyi·navicat
IT_陈寒2 小时前
Python开发者必知的5个高效技巧,让你的代码性能提升50%
前端·人工智能·后端
u***u6852 小时前
Vue虚拟现实案例
前端·vue.js·vr
q***96582 小时前
springboot3整合knife4j详细版,包会!(不带swagger2玩)
android·前端·后端
艾小码2 小时前
Vue 3 defineProps 与 defineEmits 深度解析
前端·javascript·vue.js