three.js - 使用 SketchUp Dae 模型时鼠标移动大滞后

Question

我在 SketchUp 中设计了一个 3D 模型，我没有使用任何纹理。我面临与鼠标移动和旋转过程滞后相关的问题。当我以 Dae 格式导出模型并导入到三个 js 在线编辑器( three js online editor )时，鼠标移动非常缓慢。我认为它会发生fps下降。我无法理解我设计的模型有什么问题。我需要你的建议和想法如何解决这个问题。谢谢您的支持。我已经上传了 3D 模型的图像。请看一下。
对象数:98.349，顶点:2,107.656，三角形:702.552

Answer 1

Object Count: 98.349,

对象计数导致相同数量的绘制调用。无论相应的几何图形最终有多复杂，如此高的值都会降低性能。
我建议您重新设计模型并确保尽可能合并单个对象。还要尽量减少顶点和面的数量。
请记住， three.js不会自动合并或批量渲染项目。因此，您有责任优化用于渲染的 Assets 。最好在设计模型时正确执行此操作。或者在代码中通过像 BufferGeometryUtils.mergeBufferGeometries() 这样的方法或通过实例化渲染。