Three.js Производительность: RendererStats Количество вершин

Question

Я использую RendererStats для оптимизации моей сцены THREE.js (R75) для лучшей производительности.

RendererStats количество вершин больше, чем ожидалось. Например, у меня нормальная сфера с 6 x 6 сегментами. После mergeVertices() геометрия показывает 32 вершины в массиве geometry.vertices, который ожидается. Однако RendererStats показывает количество 180 вершин. Множественные тесты различных размеров показывают одинаковые результаты; примерно в 5 раз больше ожидаемых вершин, перечисленных в RendererStats.

Откуда берутся эти дополнительные вершины, и я могу избежать их генерации?

Вопрос с бонусом: уменьшает ли количество вершин помощь в улучшении производительности или мои усилия лучше сосредоточены в других местах?

Answer 1

Вершины разделяются в вашей модели, поэтому количество отображаемых вершин будет больше, чем количество вершин в вашей модели.

Количество вершин, отображаемых как отображаемое, будет в три раза больше числа треугольников. У вас должно быть 60 треугольников, то есть 180 вершин.

Производительность зависит от конкретного случая и зависит от сложности вашей сцены. Рассмотрите возможность использования SphereBufferGeometry вместо SphereGeometry. Избегайте цикла анимации, если у вас есть статическая сцена. (т. е. отображать только при перемещении камеры.) Используйте наиболее распространенную версию библиотеки three.js.

three.js r.77