three.js - 如何访问 WebGLRenderTarget 纹理内容

Question

所以我将场景渲染为纹理，然后我需要在 js 中处理纹理并修改内容或从值数组制作新纹理。

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

Answer 1

我最终只是从渲染器获取 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 的一个实例）