8

我正在使用 BufferGeometry 来绘制构成地形的数千个立方体，但是如果我需要更改其中一个立方体的位置，我很难找出如何更新几何图形。例如，我有这个代码来初始化我的几何图形：（我正在对这个例子的更新版本进行测试）

// 12 triangles per cube (6 quads)
var triangles = 12 * 150000;

var geometry = new THREE.BufferGeometry();
geometry.attributes = {

    position: {
        itemSize: 3,
        array: new Float32Array( triangles * 3 * 3 ),
        numItems: triangles * 3 * 3
    },

    normal: {
        itemSize: 3,
        array: new Float32Array( triangles * 3 * 3 ),
        numItems: triangles * 3 * 3
    },

    color: {
        itemSize: 3,
        array: new Float32Array( triangles * 3 * 3 ),
        numItems: triangles * 3 * 3
    }
}

positions = geometry.attributes.position.array;
normals = geometry.attributes.normal.array;
colors = geometry.attributes.color.array;

如果我移动一个立方体，它似乎不会被移动，直到我这样做： 

geometry.attributes.position.needsUpdate = true;

这会导致 FPS 在更新时下降。还有其他方法可以做到这一点吗？当我只更改一个立方体（12 个三角形/36 个顶点）时，似乎有点不必要。虽然它可能是 - 我还没有检查needsUpdate实际做了什么。猜测它会再次将数组发送到着色器。

我在想我可以将几何体拆分为单独的较小的 BufferGeometries，但我不确定这是否有助于整体性能。据我了解，更多的几何形状 = 更少的 FPS。

如果有人对我将如何做到这一点有任何想法，将不胜感激！:) 除了更新问题，BufferGeometry 似乎正是我所需要的。谢谢！

4

2 回答 2

9

从r71threejs 开始支持bufferSubData.

使用DynamicBufferAttribute, （或updateRange正确设置）

var positionAttr = geometry.attributes.position 
// if not using DynamicBufferAttribute initialize updateRange:
// positionAttr.updateRange = {};
positionAttr.updateRange.offset = 0; // where to start updating
positionAttr.updateRange.count = 1; // how many vertices to update
positionAttr.needsUpdate = true;
于 2015-05-12T15:46:27.553 回答
8

BufferGeometry在更新其中的几个顶点时，我遇到了同样的问题。

一种解决方案是使用_gl.bufferSubData而不是_gl.bufferData仅更新缓冲区的一部分。（three.js 仅使用_gl.bufferData）。

因此，如果您更新职位，您将执行以下操作：

// Create a view of the data to update from index offsetSub to offsetSubEnd
var view = geometry.attributes.position.array.subarray(offsetSub, offsetSubEnd);

// Bind the buffer for positions (get the gl context with webglrenderer)
_gl.bindBuffer(_gl.ARRAY_BUFFER, geometry.attributes.position.buffer);

// Insert the new values at good index in gpu buffer (offsetGeometry is in byte)
_gl.bufferSubData(_gl.ARRAY_BUFFER, offsetGeometry,view);

请注意，与_gl.bufferData.

于 2013-12-06T11:07:13.110 回答