WEBGL - 如何顯示圖像？

我正在尋找只是簡單地在x和y座標使用WEBGL畫布上顯示圖像，但沒有線索如何做到這一點。我是否需要包含着色器和所有這些東西？我看過代碼來顯示圖像，但它們非常笨重。我不想使用框架。如果可能的話，你能否評論和解釋重要部分的作用？我將使用WEBGL進行基於2D的平鋪遊戲。WEBGL - 如何顯示圖像？

謝謝你們的時間

來源

2012-05-25 user1406186

你看：https://developer.mozilla.org/en/WebGL/Using_textures_in_WebGL他們有一些簡單的/短的例子中的WebGL使用的圖像。 –

多數民衆贊成用於繪製一個移動的立方體，雖然很難讓我的腦袋周圍 – user1406186

[這是關於WebGL圖像教程]（https://webglfundamentals.org/webgl/lessons/webgl-image-processing.html）和一個關於[在WebGL中重現'canvas.drawImage']（https://webglfundamentals.org/webgl/lessons/webgl-2d-drawimage.html） – gman

是的，你需要一個頂點和片段着色器，但它們可以相對簡單。按照Ido的建議，我建議從Mozilla例子開始，在運行之後，移除3D方面。尤其是，您不需要uMVPMatrix和uPmatrix，並且您的座標數組可以是2D。對於頂點着色器，這意味着：

attribute vec3 aVertexPosition; 
attribute vec2 aTextureCoord; 

varying highp vec2 vTextureCoord; 

void main(void) { 
    gl_Position = vec4(aVertexPosition, 0.0, 1.0); 
    vTextureCoord = aTextureCoord; 
}

來源

2012-05-25 14:22:16

WEBGL - 如何顯示圖像？

回答

相關問題