使用 SketchUp Dae 模型时鼠标移动大滞后

问题描述

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

对象数:98.349,顶点:2,107.656,三角形:702.552

SketchUp Model

解决方法

对象数:98.349,

对象计数导致相同数量的绘制调用。无论最终的几何图形多么复杂,如此高的值都会降低性能。

我建议您重新设计模型并确保尽可能多地合并单个对象。同时尽量减少顶点和面的数量。

请记住,three.js 不会自动合并或批量渲染项目。因此,您有责任优化用于渲染的资产。最好在设计模型时正确执行此操作。或者在代码中通过 BufferGeometryUtils.mergeBufferGeometries() 等方法或通过实例化渲染。