免费商用,3D开发太烧脑?这个开源编辑器,让你像搭积木一样建场景,开发效率拉高了5倍,代码量少了80%

公司要搞一个智慧园区的大屏项目，领导要求“3D效果要酷炫”。你打开Three.js文档，从零开始搭场景、调相机、加灯光、写动画。折腾了一周，出来一个方块，领导说“这跟我的预期差太远了”。

想找个可视化编辑器，官方那个只能调参数，不适用真实项目；商业编辑器又贵得要死。

今天要分享的这个开源项目：Three-Editor——一个基于Three.js的3D低代码编辑器，把复杂的3D编程变成了“拖拖拽拽”就能完成的工作。

完全开源，永久免费商用，GitHub上已经有不少人在用。

01 3D开发，为什么这么难？

传统的3D网页开发，你需要懂WebGL渲染原理、三维坐标系、相机参数、光照模型、材质贴图、动画循环……光是入门，就能劝退一大半人。

就算你啃完了文档，真到做项目的时候，每个场景都要从零写代码，改个颜色都要重新编译。效率低到令人发指。

Three-Editor的思路很简单：把这些底层复杂性封装起来，给你一个可视化界面，像Photoshop一样，用鼠标拖拽、点击、滑动，就能完成3D场景的搭建。

它不是什么黑科技，就是帮你省时间的工具。 你把精力花在创意上，它帮你处理技术细节。

02 它能帮你省多少事？

• 拖拽式搭建场景：模型、灯光、相机，直接拖进去，不用写一行代码。支持GLTF、OBJ、FBX等主流格式。

• 实时属性调整：选中一个物体，右侧面板直接改位置、旋转、缩放、材质颜色，效果实时预览。

• 材质编辑器：调金属度、粗糙度、贴图，像美图秀秀一样简单。

• 动画时间轴：想做物体旋转、移动的动画？点几下就能搞定，不用手写关键帧代码。

• 大规模场景支持：用3D Tiles规范，万级面片模型在中配设备上也能跑60帧。

• Cesium集成：无缝切换室内外场景，做智慧城市、GIS地图特别方便。

• 交互逻辑配置：点击、悬停、触发动画，这些交互逻辑也能用鼠标配置，不用写JavaScript。

03 能拿来做什么？

• 智慧城市/数字孪生：道路生成器、建筑批量导入，GIS数据直接对接。

• 工业组态监控：PLC数据实时绑定设备状态，异常自动告警。

• 产品展示/营销：做360度产品预览，客户在网页上就能拖拽看细节。

• 教育/科普：做3D教学课件，学生可以在线“拆解”模型。

• 低代码平台：不会写代码的产品经理、设计师，也能自己搭3D应用。

04 怎么用？

一、在线体验（最快）

https://z2586300277.github.io/threejs-editor/#/editor，直接开玩。

二、本地部署（完全掌控）

05 最后

Three-Editor做的事情，其实就是把3D开发从“写代码”变成“摆积木”。不是替代程序员，而是把那些重复的、机械的、调参数的工作交给鼠标，让你把时间花在创意上。

永久开源，永久免费商用，支持高度自定义和扩展化。你不用再担心授权问题，也不用被商业编辑器锁死。

如果你正在被3D项目折磨，打开在线编辑器试试。

项目地址：github.com/z2586300277/three-editor在线体验：z2586300277.github.io/threejs-editor开源协议：MIT（免费商用）