FPS падает при появлении модели - three.js

Question

Когда я использую three.js для загрузки файла Collada, FPS составляет всего 5-7.Я пытаюсь оптимизировать его с помощью Blender и Meshlab, я могу загрузить его плавно, но модель становится хуже.Может кто-нибудь объяснить мне, почему моя модель отображается с низкой частотой кадров?Вы можете скачать мою модель прямо здесь .

Answer 1

Может кто-нибудь объяснить мне, почему моя модель запаздывает при загрузке.

Ваша модель отображается с 66011 вызовами отрисовки.Вы можете увидеть эту информацию, проверив объект WebGLRenderer.info в своем отладчике.Такое большое количество вызовов отрисовки неблагоприятно и, скорее всего, является основной причиной плохой производительности.

Поэтому первое, что вы должны попробовать, это объединить геометрии в вашем инструменте для создания контента (например, Blender).Также избегайте использования нескольких материалов на 3D-объект.

Кстати: вместо Collada экспортируйте вашу модель как glTF, а затем загрузите ее через GLTFLoader.Это рекомендуемый формат 3D three.js.Больше информации здесь:

https://threejs.org/docs/index.html#manual/en/introduction/Loading-3D-models