Как преобразовать текстуру three.js в WebGL

Question

я получил два текстурных объектов положение и нормально, скажем,

var tx1 = gpuCompute.getCurrentRenderTarget(positionVariable).texture; 
var tx2 = gpuCompute.getCurrentRenderTarget(normalVariable).texture; 

, который рассчитывается по GPUComputationRenderer из three.js (обратитесь к примеру gpgpu/protoplanet (1))

Я хочу, чтобы преобразовать его в WebGLBuffer объект для визуализации, как:

gl.bindBuffer(gl.ARRAY_BUFFER, tx1); 
gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, 3, gl.FLOAT, false, 0, 0); 

gl.bindBuffer(gl.ARRAY_BUFFER, tx2); 
gl.vertexAttribPointer(shaderProgram.vertexNormalAttribute, 3, gl.FLOAT, false, 0, 0); 

Но прямое назначение не в порядке.

Я хочу спросить, есть ли способ сделать это. Снимок формата этих двух объектов показан следующим образом (tx1 - от трех js, а tx3 - от WebGL). Благодарю.

(1) https://threejs.org/examples/#webgl_gpgpu_protoplanet

Answer 1

Вы не можете копировать текстуры в буфер непосредственно. Почему бы просто не использовать их в качестве текстур? Вот пример, который отображает позиции из текстуры.

https://stackoverflow.com/a/22009385/128511