在webgl中以大紋理更改20到200個單獨像素的最佳方法？

Question

因此，我試圖找出最快的方法，以便使用webgl更改紋理中的200個單獨像素（每個像素具有唯一的顏色，並在不同的位置）。

是否可以將坐標和顏色值傳遞給着色器，使其一次即可完成？ 還是有一些限制會阻止這樣做？

Answer 1

WaclawJasper建議使用.texSubImage2D，這是我的使用方式。

var dataTypedArray = new Uint8Array(4); // Don't need to do this if the data is already in a typed array
    dataTypedArray[0] = 0;
    dataTypedArray[1] = 0;
    dataTypedArray[2] = 255;
    dataTypedArray[3] = 255;

    gl.bindTexture(gl.TEXTURE_2D, texture);
    gl.texSubImage2D(gl.TEXTURE_2D, 0, posX, posY, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, dataTypedArray);