WebGLでフレームバッファ切り替える時、以下のエラーでハマって「前にあったな。なんだっけ？」となるのでメモ
glDrawElements: Source and destination textures of the draw are the same
エラー内容としては、シーン内に使っているテクスチャに書き込もうとするんじゃねぇってという内容。
activeTexture メソッド内で指定している「テクスチャユニット番号」とuniform1i メソッドの第二引数に指定する「整数値」が一致していない時に起きる。
つまり解決法としては、アクティブのテクスチャを変えてやればいい。
activeTexture メソッド内で指定している「テクスチャユニット番号」とuniform1i メソッドの第二引数に指定する「整数値」が一致していない時に起きる。
つまり解決法としては、アクティブのテクスチャを変えてやればいい。
間違いコードfunction render(){
・
・
// uniform変数にテクスチャ1を登録
gl.activeTexture(gl.TEXTURE1);
// フレームバッファのテクスチャ参照
gl.bindTexture(gl.TEXTURE_2D, ftexture[0]);
gl.uniform1i(uniLocation[1], 0);
// 描画
gl.drawElements(gl.TRIANGLES, index.length, gl.UNSIGNED_SHORT, 0);
// 繰り返し
requestAnimationFrame(render);
}
正しいコードfunction render(){
・
・
// uniform変数にテクスチャ0を登録
gl.activeTexture(gl.TEXTURE0);
// フレームバッファのテクスチャ参照
gl.bindTexture(gl.TEXTURE_2D, ftexture[0]);
gl.uniform1i(uniLocation[1], 0);
gl.uniform1i(uniLocation[1], 0);
// 描画
gl.drawElements(gl.TRIANGLES, index.length, gl.UNSIGNED_SHORT, 0);
// 繰り返し
requestAnimationFrame(render);
}
ちなみに以下のエラーはIBOの登録時のエラーの場合によく見るやつです。
vertexAttribPointer: index out of range
gl.getAttribLocationで紐付けた変数がシェーダー側に登録されていない時に起きる。
vertexシェーダーやfragmentシェーダーに登録すればOK！
WebGL: enablevertexattribarray index out of range
