分享几个不错的3D模型场景编辑器项目

因为公司业务发展原因最近也需要接触到three.js操作模型编辑的相关功能,由于之前没有接触过three.js为了方便学习探索于是也发现了很多不错的three.js相关的开源项目

一、three.js官网编辑器

在线链接:threejs.org/editor/

项目地址:github.com/mrdoob/thre...

three.js官网出品的模型场景编辑器:

优点:

1.提供了非常丰富的3d模型属性编辑功能,three.js模型可操作改变的属性都可以在这里实现

2.同时编辑器跟随three.js最新版本同步更新

3.支持导入导出不同类型格式的3d模型和将整个场景内容导出,导入功能,并且能将编辑的内容临时存储在浏览器端

缺点:

代码是基于原生js开发的,想要用于企业级项目(vue,react)二次开发基本上要进行代码重写,并且有一定难度

二、3D模型场景编辑器

在线链接:three3d-0gte3eg619c78ffd-1301256746.tcloudbaseapp.com/threejs-mod...

项目地址:无 。

:该项目是开源项目3d模型可视化编辑系统gitee.com/ZHANG_6666/... 的升级版,当前作者并未开源

threejs-3dmodel-edit作者基于three.js开发的3d模型场景编辑器:

优点:

1.使用的是当前的主流技术栈Vue3+TypeScript+Pinia+Vite+Three.js

2.基本实现了three.js官方编辑器的90%功能,并且添加了许多扩展性功能,可灵活自由的搭建场景内容

3.UI界面设计较为美观,用户体验效果较好

缺点:

目前为非开源项目无法直接获取源码,但是作者并未限制线上项目的功能使用,对于three.js材质属性可编辑内容支持度不够多。

三、scene-editor

在线链接:vis-three.github.io/scene-edito...

项目地址:github.com/vis-three/v...

vis-three 作者基于vis-three开发的场景编辑器

优点:

1.项目功能灵活多样化,可以完成实现多种场景内容需求

2.基于 vis-three 衍生的产品 有一定的产品生态圈,技术足够成熟

缺点:

对于编辑器的使用需要一定的用户熟练度,界面功能设计不够简洁一定程度上影响用户体验

四、TvT.js场景生成器

在线链接:myhome.217dan.com:8899/#/plugins/t...

项目地址:gitee.com/ice-gl/iceg...

icegl-three-vue-tres 作者开发的一个轻量级场景调试器

优点:

1.轻量简单是新手学习three.js的不错案例

2.相关衍生的社区内容丰富,你能想象到的three.js相关使用案例基本都有

缺点:功能过于简单适合学习参考,无法满足企业级项目开发

五、三维低代码编辑器

在线链接:z2586300277.github.io/threejs-edi...

项目地址:github.com/z2586300277...

一款数字孪生低代码组态编辑器

优点:

1.基于Three.js进行了二次封装的框架,使用起来更加灵活便捷

2.较为成熟稳定有一定用户规模的社区

3.提供了较为丰富的场景模型供用户参考

缺点:无法支持模型材质相关属性的修改,灵活度较低

相关推荐
蓝婷儿1 小时前
前端面试每日三题 - Day 32
前端·面试·职场和发展
星空寻流年2 小时前
CSS3(BFC)
前端·microsoft·css3
九月TTS2 小时前
开源分享:TTS-Web-Vue系列:Vue3实现固定顶部与吸顶模式组件
前端·vue.js·开源
CodeCraft Studio3 小时前
数据透视表控件DHTMLX Pivot v2.1发布,新增HTML 模板、增强样式等多个功能
前端·javascript·ui·甘特图
一把年纪学编程3 小时前
【牛马技巧】word统计每一段的字数接近“字数统计”
前端·数据库·word
llc的足迹3 小时前
el-menu 折叠后小箭头不会消失
前端·javascript·vue.js
九月TTS3 小时前
TTS-Web-Vue系列:移动端侧边栏与响应式布局深度优化
前端·javascript·vue.js
Johnstons3 小时前
AnaTraf:深度解析网络性能分析(NPM)
前端·网络·安全·web安全·npm·网络流量监控·网络流量分析
whatever who cares4 小时前
CSS3 伪元素(Pseudo-elements)大全
前端·css·css3
若愚67924 小时前
前端取经路——性能优化:唐僧的九道心经
前端·性能优化