在THREE.js頂點着色器之後得到變換後的頂點位置

Question

我正在改變頂點着色器內某些頂點的位置，但是我找不到一種方法讓這些新的更新頂點位置回到js中（我目前正在使用THREE.js：我的網格頂點的頂點位置始終保持不變）。 我發現這個鏈接Retrieve Vertices Data in THREE.js，但glGetTexImage不存在於webgl（我也很懷疑這個浮點紋理方法）。 感謝您的幫助！

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上做這件事？