在THREE.js中，获取顶点着色器后的变换后顶点位置

Question

我正在一个顶点着色器中改变一些顶点的位置，但是我找不到一种方法来在js中获取这些新更新的顶点位置（我目前使用的是THREE.js：我的网格顶点的顶点位置始终保持不变）。 我发现了这个链接Retrieve Vertices Data in THREE.js，但是glGetTexImage在webgl中不存在（我对这种浮点纹理方法也持怀疑态度）。 感谢您的帮助！

- user3018088

---

请包含您尝试过的代码。 - Jason D

Answer 1

如果从缓冲区读取数据是唯一的问题，您可以像这样操作：

//render the pass into the buffer
renderer.render( rttScene, rttCamera, rttTexture, true );

// ...


//allocate an array to take the data from the buffer
var width = rttTexture.width;
var height = rttTexture.height;
var pixels = new Uint8Array(4 * width * height); 


//get gl context bind buffers, read pixels
var gl = renderer.context; 
var framebuffer = rttTexture.__webglFramebuffer;
gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);        
gl.viewport(0, 0, width, height);
gl.readPixels(0, 0, width, height, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
gl.bindFramebuffer(gl.FRAMEBUFFER, null);

WebGL - 从渲染缓冲区读取像素数据

但是设置所有这些内容很复杂，而且读取纹理可能会很慢，为什么不在 CPU 上执行此操作呢？

- pailhead

---

感谢您的回复。虽然我没有测试从缓冲区读取数据，但我明白我的方法是错误的（尽管我在各个地方搜索了所有内容，但我仍然不确定是否可能错过了有关GPU / CPU关系的某些内容）。无论如何，我接受了您的答案。 - user3018088

@user3018088 你的方法有什么问题，你是如何解决的？ - imbrizi