【发布时间】:2018-12-27 17:51:22
【问题描述】:
当我使用three.js 加载我的 Collada 文件时,FPS 仅为 5-7。
我尝试使用 Blender 和 Meshlab 对其进行优化,我可以顺利加载它,但模型变得更糟。
谁能向我解释为什么我的模型以低帧速率渲染?
你可以直接下载我的模型here。
【问题讨论】:
标签: three.js 3d-modelling
当我使用three.js 加载我的 Collada 文件时,FPS 仅为 5-7。
我尝试使用 Blender 和 Meshlab 对其进行优化,我可以顺利加载它,但模型变得更糟。
谁能向我解释为什么我的模型以低帧速率渲染?
你可以直接下载我的模型here。
【问题讨论】:
标签: three.js 3d-modelling
谁能向我解释为什么我的模型在加载时会滞后。
您的模型使用66011 绘制调用进行渲染。您可以通过检查调试器中的 WebGLRenderer.info 对象来查看此信息。这么多的draw call是不利的,很可能是你表现不佳的主要原因。
因此,您应该尝试的第一件事是在您的内容创建工具(例如 Blender)中合并几何图形。还要避免每个 3D 对象使用多种材质。
顺便说一句:不要使用 Collada,而是将模型导出为 glTF,然后通过 GLTFLoader 加载它。这是three.js 推荐的3D 格式。更多信息在这里:
https://threejs.org/docs/index.html#manual/en/introduction/Loading-3D-models
【讨论】: