- master:
Vue3+Pinia+Javascript(最新的功能issues和修复的bug都在这个分支) - ts-master:
Vue3+Pinia+Typescript(master分支的typescript版本) - develop:
Vue3+Pinia+Javascript(一些不确定的功能和代码重构会在这个分支开发) - gh-pages:
git-pages 线上包分支(忽略即可)
yarn / yarn serve / yarn build
- 1.注意:部分模型文件较大,首次加载需要等待较长时间
- 2.线上访问:https://zhang_6666.gitee.io/three.js3d
| 名称 | 版本 | 名称 | 版本 |
|---|---|---|---|
| Vue | 3.2.x | Axios | 1.5.0 |
| Vite | 4.3.x | Element-plus | 2.4.x |
| Three | 0.160.x | Pinia | 2.1.x |
| Vue3-Draggable-Resizable | 1.6.x | Mitt | 3.0.x |
详见 package.json |
😁 | 🥰 | 🤗 |
| 名称 | 版本 | 名称 | 版本 |
|---|---|---|---|
| node | 18.19.0 | npm | 10.2.3 |
| yarn | 1.22.21 | windows | 10 |
- 任何问题bug和功能需求欢迎提issues
- 更多功能持续更新中...
- 1.📌背景:背景图,背景颜色,全景图的可视化编辑,外部全景图资源加载
- 2.🚀动画:模型自带动画的播放功能,动画播放速度,动作幅度,循环方式的可视化编辑
- 3.🔥属性:模型轴旋转,模型位置,模型骨架,模型坐标轴的可视化编辑
- 4.🎉灯光:环境光,点光源,聚光灯,半球光的可视化编辑
- 5.📦️材质:模型材质贴图修改,材质类型修改,材质颜色,透明度,网格的可视化编辑,外部材质资源加载
- 6.✨后期:模型辉光效果,场景色调,模型拆解,模型材质拖拽、缩放、旋转的可视化编辑
- 7.⚡️模型导入编辑功能
（.glb, .obj, .gltf, .fbx, .stl)格式 - 8.🌼模型编辑效果预览
- 9.🍻支持模型编辑的数据保存，支持多个3d模型组件拖拽配置和编辑效果预览
- 10.🔥 支持模型加载进度条显示,模型封面下载，模型文件导出（.glb,.gltf）
- 11.👷 支持几何体模型拖拽添加，删除和数据配置可视化编辑
- 部分功能的使用对电脑的内存依赖较高，如有卡顿等场景请确保有足够的内存使用空间
- 建议使用谷歌浏览器
（chrome） - 模型数据编辑配置存储在
localStorage如有数据相关报错清除本地数据缓存重新进入即可 - 外部模型不支持效果预览，和数据保存
- 3d模型对性能依赖较高,模型库组件配置过
(>4),可能导致浏览器崩溃 - 部分特殊模型文件和大模型文件加载可能会导致系统卡顿很长时间,如遇到这种情况
（欢迎提issues）
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent