一些经典的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编辑器项目欢迎评论区补充

相关推荐
weixin_431600444 分钟前
NestJS 入门(7):生命周期钩子——构造函数和 `OnModuleInit` 差在哪?
前端·后端·学习·node.js·nest.js
冬奇Lab1 小时前
开源项目第187期:Pi — 哲学驱动的极简 AI Coding Agent,86k Stars,30+ LLM 提供商,无限扩展
人工智能·开源·agent
cindershade1 小时前
用原生 HTML5 视频与 Canvas 实现浏览器端视频抽帧封面
前端
笨鸟先飞,勤能补拙1 小时前
Web 服务器与计算机网络全景原理
运维·服务器·前端·网络·人工智能·计算机网络·web安全
冬奇Lab1 小时前
Code Agent 解剖(01):用户输入一句话,agent 内部发生了什么?
人工智能·开源·agent
NutShell Wang1 小时前
Wails v3 Beta 实战:用显式对象模型重写你的第一个 Go 桌面应用
前端·人工智能·go·vibe coding
cindershade1 小时前
前端国际化工程实践:语言包拆分、动态加载与日期数字格式统一
前端
河南三丰环保设备有限公司1 小时前
哪家公司的炼油设备技术口碑好
开源
kisbad1 小时前
Day 036|OpenAI Agents SDK 快速开始:今天跑通第一个 Agent
java·前端·javascript
qq_267612891 小时前
Gitee CodePecker行业场景化落地指南:金融、车联网与IoT双引擎选型与工程化路径
前端·gitee·自动化