Remove twgl

frontend/src/scripts/drawing/graphics-library/create-program.ts

@@ -0,0 +1,24 @@
+import { createShader } from './create-shader';
+
+export const createProgram = (
+  gl: WebGL2RenderingContext,
+  vertexShader: string,
+  fragmentShader: string
+): WebGLProgram => {
+  const program = gl.createProgram();
+
+  gl.attachShader(program, createShader(gl, gl.VERTEX_SHADER, vertexShader));
+  gl.attachShader(
+    program,
+    createShader(gl, gl.FRAGMENT_SHADER, fragmentShader)
+  );
+  gl.linkProgram(program);
+
+  const success = gl.getProgramParameter(program, gl.LINK_STATUS);
+  if (success) {
+    return program;
+  }
+
+  console.log(gl.getProgramInfoLog(program));
+  gl.deleteProgram(program);
+};

frontend/src/scripts/drawing/graphics-library/create-shader.ts

@@ -0,0 +1,16 @@
+export const createShader = (
+  gl: WebGL2RenderingContext,
+  type: GLenum,
+  source: string
+): WebGLShader => {
+  const shader = gl.createShader(type);
+  gl.shaderSource(shader, source);
+  gl.compileShader(shader);
+  const success = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
+  if (success) {
+    return shader;
+  }
+
+  console.log(gl.getShaderInfoLog(shader));
+  gl.deleteShader(shader);
+};

frontend/src/scripts/drawing/graphics-library/prepare-screen-quad.ts

@@ -0,0 +1,26 @@
+export const prepareScreenQuad = (
+  gl: WebGL2RenderingContext,
+  program: WebGLProgram,
+  attributeName: string
+): WebGLVertexArrayObject => {
+  const positionAttributeLocation = gl.getAttribLocation(
+    program,
+    attributeName
+  );
+
+  const positionBuffer = gl.createBuffer();
+
+  gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
+  gl.bufferData(
+    gl.ARRAY_BUFFER,
+    new Float32Array([-1.0, -1.0, -1.0, 1.0, 1.0, -1.0, 1.0, 1.0]),
+    gl.STATIC_DRAW
+  );
+  const vao = gl.createVertexArray();
+
+  gl.bindVertexArray(vao);
+  gl.enableVertexAttribArray(positionAttributeLocation);
+  gl.vertexAttribPointer(positionAttributeLocation, 2, gl.FLOAT, false, 0, 0);
+
+  return vao;
+};