五个three. js的可视化编辑器简介。

• Three.js Editor

• • 体验地址：https://threejs.org/editor/
  • 项目地址：https://github.com/mrdoob/three.js/tree/master/editor
  • 特点：官方提供的在线可视化编辑工具，具有场景管理功能，可添加和删除几何体、光源、相机等对象并以树状结构显示；支持对象编辑，能直接调整对象的位置、旋转、缩放、材质和颜色等属性；提供多种光源，支持添加多种光源并启用阴影效果；支持导入多种3D模型格式，可将场景导出为json格式；所有修改实时预览。

 

• 基于Vue3的Three.js 3D场景编辑器

• • 项目地址：https://gitcode.com/open-source-toolkit/72b4a
  • 特点：基于Vue3、Three.js和Vite构建，场景导入与导出功能强大，可轻松应对现有3D模型文件的导入和编辑后场景的导出；支持用户对场景中的材质、光照、相机视角等进行细致调整，实现个性化设计；导出的文件兼容性强，可通过scene - view解析器进行解析和渲染。

 

• Three3d - view

• • 项目地址：https://gitcode.com/gh_mirrors/th/Three3d-view
  • 特点：基于Three.js开发，使用JavaScript、Vue 3、TypeScript和Pinia等前端技术栈，支持多种3D模型格式如glb、obj、gltf、fbx、stl的加载和导出；具备丰富的模型编辑功能，包括模型背景图、全景图、动画、灯光、定位等可视化操作；支持模型编辑数据的保存、预览和代码嵌入。

• Shadow Editor

• • 项目地址：https://gitcode.com/gh_mirrors/sh/ShadowEditor
  • 特点：基于Three.js、Go语言和MongoDB开发，跨平台支持Windows、Linux和Mac操作系统，有桌面版和Web版；提供多种语言界面；支持场景、模型、贴图、材质、音频等多种资源的导入和管理；提供多种内置物体、光源、组件和材质，支持后期处理和VR功能。

• FairyGUI - threejs

• • 项目地址：https://gitcode.com/gh_mirrors/fa/FairyGUI-threejs
  • 特点：为Three.js提供的UI编辑器和框架，使用TypeScript开发，通过FairyGUI编辑器可拖放式设计UI，支持多平台，与Three.js无缝集成，能在Three.js场景中直接添加和管理UI元素，专为高性能渲染设计。

---

本人是 10年经验的前端开发和UI设计资深“双料”老司机，1500+项目交付经历，带您了解最新的观点、技术、干货，下方微信可以和我进一步沟通。