如何访问 WebGLRenderTarget 纹理内容

How to access WebGLRenderTarget texture content

所以我将场景渲染到纹理,然后我需要在 js 中处理纹理并修改内容或从值数组创建新纹理。

看来我需要获取 WebGL 上下文并直接与 WebGL 交互才能完成此操作。有人知道最好的方法吗?

我最终只是从渲染器获取 webGL 上下文并调用 gl.readPixels()

var gl = renderer.getContext();
var framebuffer = renderTarget.__webglFramebuffer;
gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
var data = new Uint8Array(renderTarget.width * renderTarget.height * 4);
gl.readPixels(0,0,renderTarget.width,renderTarget.heigh,gl.RGBA,gl.UNSIGNED_BYTE,data);

(renderTarget 是 THREE.WebGLRenderTarget 的实例)