gltf文件管理的前端界面。
- 前端框架:React
- UI库:antd
- 颜色选择器:react-color
- 3D库:three.js
- gltf-transform
- 打包压缩文件:jszip
- 图片处理:squoosh
- mock:msw
-
网页选择glb/gltf模型后,显示模型相关信息。
-
拆解成gltf separate模式。
-
计算各个文件的hash值,向后端询问,看是否有重复的。有重复的话说明有可能会被前端的其它图片缓存替换掉导致异常,对比一下是否允许替换(人工确认图片一致),不一致就要做修改(边缘加一点随机色),促使其hash值变化。
-
生成低质量图片并计算hash。
-
然后上传至后端。
-
从后端加载显示进行测试。
-
后端文件管理页面。