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

前言

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

以下排名不分先后🙏🏻

项目一:Astral3D

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

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

注意⚠️ :项目是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编辑器项目欢迎评论区补充

相关推荐
java1234_小锋5 小时前
【技术专题】HTML5 网页技术 - HTML5 Canvas 基础以及动画入门
前端·html·html5
魔乐社区7 小时前
翼芯・智算测试与适配优化专区,让国产算力“选得准、跑得通、用得好“
人工智能·开源·大模型
知了学历孙老师8 小时前
小自考的校考和统考,出题方和难度差在哪
java·大数据·前端
冬奇Lab10 小时前
开源项目第242期:HyperFrames —— 写 HTML 就能渲染视频,专为 AI Agent 设计的确定性视频框架
人工智能·开源·音视频开发
ShineWinsu10 小时前
对于JavaScript:操作元素的解析
开发语言·前端·javascript·面试·web·dom·元素
AI日报派送佬11 小时前
2026年10月19日AI行业日报|三星联合台积电代工英伟达HBM裸片,智谱开源法律大模型,清华发布智能体操作系统PilotDeck 2.0
人工智能·开源·英伟达·智能体·anthropic·ai日报·法律大模型
Tangyuewei11 小时前
小米的 Coding Agent 开源了
人工智能·开源·ai编程
福兮说11 小时前
JSON 格式正确,数据就可靠吗?我用一份自编配置检查类型与空值
java·前端·json
程序员老赵13 小时前
Docker 部署青龙面板:轻松搭建定时任务管理平台
前端·docker·开源
Swot13 小时前
Asciidoctor 公式数字下标错位问题:原因分析与解决方案
前端