Three.js性能: RendererStats顶点计数

Question

我正在使用RendererStats优化我的THREE.js (R75)场景，以获得更好的性能。

RendererStats顶点计数高于预期。例如，我有一个有6x6段的法线球面。在mergeVertices()之后，几何图形显示了geometry.vertices数组中的32个顶点，这是预期的。然而，RendererStats显示180个顶点。不同大小的多个测试都显示相同的结果；粗略地说，5+是RendererStats中列出的期望顶点数的一倍。

这些额外的顶点从何而来，我能避免产生它们吗？

额外的问题:减少顶点计数是否有助于显著提高性能，还是我的努力更好地集中在其他地方？

Answer 1

顶点在模型中是共享的，因此呈现的顶点数将大于模型中的顶点数。

所报告的顶点数目将是三角形数目的三倍。你应该有60个三角形，那是180个顶点。

性能是根据具体情况而定的，并且取决于场景的复杂性。考虑使用SphereBufferGeometry而不是SphereGeometry。如果您有静态场景，请避免使用动画循环。(也就是说，只有在摄像机移动时才进行渲染。)使用three.js库的最讨厌的版本。

three.js r.77号