WEBGL - 如何显示图像？

Question

我希望只是简单地在画布上使用WEBGL在x和y坐标上显示图像，但不知道如何做到这一点。我需要包括着色器和所有这些东西吗？我见过显示图像的代码，但它们非常笨重。我不想使用框架。如果可能，您可以评论并解释重要部分的作用吗？我将使用WEBGL进行基于2D的游戏。

感谢你的时间

Answer 1

是的，你需要一个顶点和片段着色器，但它们可以相对简单。我建议从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;  
}