Exercises while learning WebGL

{"header":{"message":"Starting the exercises","description":null,"timestamp":"2021-07-08T12:02:22.414176567Z","authors":[{"email":"quick.dudley@gmail.com","full_name":"Jeremy List","name":"quickdudley"}]},"hash":"LZ2M7LF5SWQM5DXYT5ONBTRQG7NTTHFBS3JYQCZYLSG4AUBZZSYAC","authors":[],"deps":{"hashes":[["LZ2M7LF5SWQM5DXYT5ONBTRQG7NTTHFBS3JYQCZYLSG4AUBZZSYAC","Starting the exercises"],["AA",null]],"deps":[],"known":[]},"hunks":[{"FileAdd":{"meta":{"basename":"index.js","metadata":0},"context":[{"change":1,"pos":0}],"contents":[{"Add":"const vertex_shader_2d = `"},{"Add":"attribute vec4 a_position;"},{"Add":""},{"Add":"void main() {"},{"Add":" gl_Position = a_position;"},{"Add":"}`"},{"Add":""},{"Add":"const fragment_shader_2d = `"},{"Add":"precision mediump float;"},{"Add":""},{"Add":"void main() {"},{"Add":" gl_FragColor = vec4(1,0,0.5,1);"},{"Add":"}`"},{"Add":""},{"Add":"function createShader(gl, type, source) {"},{"Add":" var shader = gl.createShader(type);"},{"Add":" gl.shaderSource(shader, source);"},{"Add":" gl.compileShader(shader);"},{"Add":" var success = gl.getShaderParameter(shader, gl.COMPILE_STATUS);"},{"Add":" if (success) {"},{"Add":" return shader;"},{"Add":" }"},{"Add":" console.log(gl.getShaderInfoLog(shader));"},{"Add":" gl.deleteShader(shader);"},{"Add":"}"},{"Add":""},{"Add":"function createProgram(gl, vertexShader, fragmentShader) {"},{"Add":" var program = gl.createProgram();"},{"Add":" gl.attachShader(program, vertexShader);"},{"Add":" gl.attachShader(program, fragmentShader);"},{"Add":" gl.linkProgram(program);"},{"Add":" var success = gl.getProgramParameter(program, gl.LINK_STATUS);"},{"Add":" if (success) {"},{"Add":" return program;"},{"Add":" }"},{"Add":" console.log(gl.getProgramInfoLog(program));"},{"Add":" gl.deleteProgram(program);"},{"Add":"}"},{"Add":""},{"Add":"self.addEventListener('load', (event) => {"},{"Add":" var canvas = document.querySelector('#c');"},{"Add":" var gl = canvas.getContext(\"webgl\");"},{"Add":" if (!gl) {"},{"Add":" alert(\"Canvas did not yield WebGL context!\");"},{"Add":" } else {"},{"Add":" self.gl = gl;"},{"Add":" var vertexShader = createShader(gl, gl.VERTEX_SHADER, vertex_shader_2d);"},{"Add":" var fragmentShader = createShader(gl, gl.FRAGMENT_SHADER, fragment_shader_2d);"},{"Add":" }"},{"Add":"})"}]}},{"FileAdd":{"meta":{"basename":"index.html","metadata":0},"context":[{"change":1,"pos":0}],"contents":[{"Add":""},{"Add":""},{"Add":""},{"Add":"Exercises while learning WebGL"},{"Add":""},{"Add":""},{"Add":" "},{"Add":" "},{"Add":"

"},{"Add":"

Learning WebGL from https://webglfundamentals.org/webgl/lessons/webgl-fundamentals.html

"},{"Add":" "},{"Add":""}]}}],"owner":"quickdudley","repo":"learn-webgl","token":"/rJMCJs+/kyzRiussGiRpXVTvgHnxoOcBlXC0riJtXw=","login":null}

…

Dependencies

Change contents