threejs 低级技巧

Posted 2023-02-17 qianbo_insist

压缩模型

使用gltf-pipeline 进行模型的压缩，再js中可以使用Draco 进行解压，这样模型会更小。
gltf-pipeline -i model_big.gltf -o model_little.gltf -d

在模板的Utils/Loader.js中已经对压缩的模型进行了Draco解压处理，这样模型在理想的情况下可以有百倍的压缩。

反模型闪烁和反锯齿

renderer = new THREE.WebGLRenderer(
antialias: true,
logarithmicDepthBuffer: true,
);

创建render的时候使用反锯齿和指数深度缓冲，对模型来说会好一些。