2016-05-22 51 views
0

我使用RendererStats来优化我的THREE.js(R75)场景以获得更好的性能。Three.js性能:RendererStats顶点数

RendererStats顶点数高于预期值。例如,我有一个6×6的正常球体。 mergeVertices()之后,几何图形在geometry.vertices数组中显示32个顶点,这是预期的。但RendererStats显示180个顶点的计数。多种尺寸的多种测试都显示相同的结果;大约是RendererStats中列出的预期顶点数量的5倍以上。

这些额外的顶点来自哪里,我可以避免产生它们?

红利问题:减少顶点数是否有助于显着提高性能,还是我的努力能够更好地集中在别处?

回答

1

顶点在您的模型中共享,因此渲染的顶点数量将大于模型中顶点的数量。

呈现为渲染的顶点数量将是三角形数量的三倍。你应该有60个三角形,所以这是180个顶点。

性能是特定于案例的,取决于场景的复杂程度。考虑使用SphereBufferGeometry而不是SphereGeometry。如果您有静态场景,请避免动画循环。 (即,仅当相机移动时才呈现。)使用three.js库的最新版本。

three.js r.77