// let ctx = canvas.getContext('webgl', {
//   antialias: true,
//   preserveDrawingBuffer: true
// });
let ctx = canvas.getContext('webgl')
// 确认WebGL支持性
if (!ctx) {
  wx.showToast({
    title: "无法初始化WebGL，你的浏览器、操作系统或硬件等可能不支持WebGL。",
    icon: 'success',
    duration: 2000
  })
}
/**
 * 游戏主函数
 */
export default class Main3d {
  constructor() {
    this.restart()
  }
  restart() {
    // 告诉WebGL怎样把提供的gl_Position裁剪空间坐标对应到画布像素坐标（屏幕空间）
     ctx.viewport(0, 0, ctx.canvas.width, ctx.canvas.height);
   
    // 使用完全不透明的黑色清除所有图像
    ctx.clearColor(0.0, 0.0, 0.0, 1.0);
    // 用上面指定的颜色清除缓冲区
    ctx.clear(ctx.COLOR_BUFFER_BIT);
    this.draw1Point()
  }
  draw1Point() {
    //顶点着色器程序
    var VSHADER_SOURCE =
      "void main() {" +
      //设置坐标
      "gl_Position = vec4(0.0, 0.0, 0.0, 1.0); " +
      //设置尺寸
      "gl_PointSize = 10.0; " +
      "} ";
    //片元着色器
    var FSHADER_SOURCE =
      "void main() {" +
      //设置颜色
      "gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);" +
      "}";
    //编译着色器
    var vertShader = ctx.createShader(ctx.VERTEX_SHADER);
    ctx.shaderSource(vertShader, VSHADER_SOURCE);
    ctx.compileShader(vertShader);

    var fragShader = ctx.createShader(ctx.FRAGMENT_SHADER);
    ctx.shaderSource(fragShader, FSHADER_SOURCE);
    ctx.compileShader(fragShader);
    //合并程序
    var shaderProgram = ctx.createProgram();
    ctx.attachShader(shaderProgram, vertShader);
    ctx.attachShader(shaderProgram, fragShader);
    ctx.linkProgram(shaderProgram);
    ctx.useProgram(shaderProgram);
    //绘制一个点
    ctx.drawArrays(ctx.POINTS, 0, 1);
  }
}