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

【问题标题】：Large lagging on mouse movement with SketchUp Dae model使用 SketchUp Dae 模型的鼠标移动大滞后
【发布时间】：2021-08-12 11:31:02
【问题描述】：

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

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

【问题讨论】：

标签： three.js webgl sketchup

【解决方案1】：

对象数：98.349，

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

我建议您重新设计模型并确保尽可能合并单个对象。还可以尝试减少顶点和面的数量。

请记住，three.js 不会自动合并或批量渲染项目。因此，优化资产以进行渲染是您的责任。在设计模型时最好做到这一点。或者在代码中通过 BufferGeometryUtils.mergeBufferGeometries() 之类的方法或通过实例渲染。

【讨论】：

感谢您的帮助。当我从场景中删除一些对象时，对象数量会大大减少。我将尝试尽可能合并对象。哪一个是threejs场景中的代表多边形数？顶点还是三角形？
最好专注于三角形。