Javascript WEBGL-如何显示图像？

我只是希望使用WEBGL在画布上的x和y坐标处简单地显示一幅图像，但不知道如何做。我需要包括着色器和所有这些东西吗？我见过显示图像的代码，但它们非常庞大。我不希望使用框架。如果可能的话，你能评论并解释一下重要部分的作用吗？我将使用WEBGL的二维瓷砖为基础的游戏

---

感谢您抽出时间

是的，您需要一个顶点和片段着色器，但它们可以相对简单。我建议从Mozilla示例开始，正如Ido所建议的那样，在运行它之后，删除3D特性。特别是，您不需要uMVPMatrix和uPmatrix，并且您的坐标数组可以是二维的。对于顶点着色器，这意味着：

attribute vec3 aVertexPosition;  
attribute vec2 aTextureCoord;  

varying highp vec2 vTextureCoord;  

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

---

你看过了吗：他们有一些简单/简短的例子来使用webGL中的图像。不过，这是用于在移动的立方体上绘制的，很难让我动脑