threejs:优化顶点和面

时间:2015-07-31 06:25:05

标签: 3d three.js

我们正在使用threejs在WebGL中开发一些3D场景。我们经常发现自己的几何形状具有5/6个数字的顶点(比如50K到200K顶点之间的任何位置)。问题是这些几何形状是使用原始的三个几何体(例如Spheres和TubeGeometry)构建的。 所以我的问题是,是否有技术可以应用于减少顶点的数量,但仍然保持几何形状的合理质量?以下是几个示例几何图形作为示例。

  1. 30/35球体的合并几何体,例如THREE.SphereGeometry(30,13,13);
  2. TubeGeometries网格形成布状结构。类似下图: cloth
  3. 我希望threejs(或使用像Unity这样的3D引擎的专家)可以提供一些关于减少这些几何上的顶点的方法的输入。

1 个答案:

答案 0 :(得分:2)

你是填充率还是总记忆?

如果是填充率,您会看到较小尺寸的渲染速度更快。如果是CPU内存,则较小的大小将大致相同。

如果填充率,你有多少深度复杂度(共享相同像素的基元数量)?如果它很高,使用renderOrder对基元进行排序,使它们最接近最远,这应该有助于减少帧时间。