- 1.注意:部分模型文件较大,首次加载需要等待较长时间
- 2.线上访问:https://zhang_6666.gitee.io/three.js3d
- 任何问题bug和功能需求欢迎提issues
- 更多功能持续更新中...
- 1.📌背景:背景图,背景颜色,全景图的可视化编辑
- 2.🚀动画:模型自带动画的播放功能,动画播放速度,动作幅度,循环方式的可视化编辑
- 3.🔥属性:模型轴旋转,模型位置,模型骨架,模型坐标轴的可视化编辑
- 4.🎉灯光:环境光,点光源,聚光灯,半球光的可视化编辑
- 5.📦️材质:模型材质贴图修改,材质颜色,透明度,网格的可视化编辑
- 6.✨后期:模型辉光效果,场景色调,模型拆解,模型材质可拖拽的可视化编辑
- 7.⚡️模型导入编辑功能(.glb, .obj, .gltf, .fbx)格式
- 8.⚡️模型编辑效果预览
- 9.🍻支持模型编辑的数据保存,支持多个3d模型组件拖拽配置和编辑效果预览
- 10.🔥 支持模型加载进度条显示,模型封面下载,模型文件导出(.glb,.gltf)
- 11.👷 支持几何体模型拖拽添加,删除和数据配置可视化编辑
yarn / yarn serve
npm i / npm run serve
cnpm i / cnpm run serve
- node版本>=16.0.0,当前three.js版本157
- 部分功能的使用对电脑的内存依赖较高,如有卡顿等场景请确保有足够的内存使用空间
- 建议使用谷歌浏览器(chrome)
- 模型数据编辑配置存储在localStorage如有数据相关报错清除本地数据缓存重新进入即可
- 外部模型不支持效果预览,和数据保存
- 3d模型对性能依赖较高,模型库组件配置过(>4),可能导致浏览器崩溃
- 部分特殊模型文件和大模型文件加载可能会导致系统卡顿很长时间,如遇到这种情况(欢迎提issues)