在THREE.js

Question

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

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 - reading pixel data from render buffer

但是设置这一切很复杂，并且读取纹理可能会很慢，为什么不在cpu上执行此操作？