- 通过美术进行减面
- 美术或开发者将模型材质相同的个数合并,减少渲染次数
- 通过Draco压缩
压缩后的gltf文件使用时候需要解压缩,
(1)将three中的\node_modules\three\examples\jsm\libs\draco下文件复制到public目录下使用
(2)// 解压缩import
import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader.js"
const loader = new GLTFLoader()
const draco = new DRACOLoader()
draco.setDecoderPath('./draco/')//根据public里面解压文件结构设置
loader.setDRACOLoader(draco)
- 通过模型导出压缩
- npm install -g gltf-pipeline
- 尽量使用jpg格式的图片,同等条件下png格式的图片会比jpg大很多
- 图片压缩网站 地址https://tinify.cn/
- 通过共享几何体减小模型大小,减少顶点面数(弊端:几何体改变大小后,共享的几何体也会进行改变)