import { main } from "./platform.js";
import { Shader } from "./shader.js";
import { BasicPlane } from "./basic-plane.js";

main((gl, core) => {
  const shader = new Shader(gl)
    .attach(
      gl.VERTEX_SHADER,
      `
      attribute vec4 aVertexPosition;
      attribute vec2 aTextureCoord;
      
      uniform mat4 uModelViewMatrix;
      uniform mat4 uProjectionMatrix;

      varying highp vec2 vTextureCoord;
      
      void main() {
        gl_Position = uProjectionMatrix * uModelViewMatrix * aVertexPosition;
        vTextureCoord = aTextureCoord;
      }
    `
    )
    .attach(
      gl.FRAGMENT_SHADER,
      `
      uniform lowp float uTime;
      uniform lowp float uSinTime;
      uniform lowp float uCosTime;

      varying highp vec2 vTextureCoord;

      void main() {
        lowp float slowedSinTime = sin(uTime*0.001)*0.5+0.5;
        
        gl_FragColor = vec4(vTextureCoord, slowedSinTime, 1.0);
      }
    `
    )
    .link();

  const plane = new BasicPlane(gl, core);
  plane.attachShader(shader);

  const render = () => {
    core.clear();
    plane.draw2D();

    if (gl.getError() !== gl.NO_ERROR) {
      throw new Error("WebGL error");
    }

    requestAnimationFrame(render);
  };

  requestAnimationFrame(render);
});