在 THREE.js 中的顶点着色器之后获取转换后的顶点位置答案

【问题标题】：get transformed vertices positions after vertex shader in THREE.js在 THREE.js 中的顶点着色器之后获取转换后的顶点位置
【发布时间】：2016-01-03 15:56:52
【问题描述】：

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

【问题讨论】：

请附上您尝试过的代码。

标签： three.js webgl

【解决方案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 - reading pixel data from render buffer

但是设置起来很复杂，读取纹理可能会很慢，为什么不在 cpu 上做呢？

【讨论】：

感谢您的回复。即使我没有测试从缓冲区读取数据，我也明白我的方法是错误的（从我到处搜索的所有内容中，我仍然不太确定我是否会错过有关 gpu/cpu 关系的某些内容）。无论如何我接受了你的回答。
@user3018088 你的方法出了什么问题，你是如何解决的？