In this lesson we cover setting up WebGL for use, including creating a canvas, getting the WebGL rendering context and clearing the canvas to a particular color.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Setup</title> </head> <body> <canvas id="canvas" width="600" height="600"></canvas> <script src="./mian.js"></script> </body> </html>
var gl; initGL(); draw(); function initGL(){ var canvas = document.getElementById("canvas"); gl = canvas.getContext("webgl"); gl.viewport(0,0,canvas.width, canvas.height); gl.clearColor(1,0,0,1); //red, blue, green, alpha } function draw(){ gl.clear(gl.COLOR_BUFFER_BIT); //Paint the color to the canvas }