WebGL Boilerplate

webgl-init.js

function createShaders(gl) {
    var vertexShaderSrc = String();   // fill it with shader string or Script Text
    var vertexShader = gl.createShader(gl.VERTEX_SHADER);
    gl.shaderSource(vertexShader, vertexShaderSrc);
    
    gl.compileShader(vertexShader);
    var success = gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS);
    if (!success) {
        throw "could not compile shader:" + gl.getShaderInfoLog(vertexShader);
    }

    var fragmentShaderSrc = String(); // fill it with shader string or Script Text
    var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);
    gl.shaderSource(fragmentShader, fragmentShaderSrc);
    
    gl.compileShader(fragmentShader);
    var success = gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS);
    if (!success) {
        throw "could not compile shader:" + gl.getShaderInfoLog(fragmentShader);
    }

    return {
        vertexShader: vertexShader,
        fragmentShader: fragmentShader
    };
}

function initWebGL() {
    var gl = null,
        canvas = document.querySelector('canvas');

    try {
        gl = (
            canvas.getContext("webgl") ||
            canvas.getContext("experimental-webgl")
        )
    } catch (e) {}

    if (!gl) {
        console.warn("Unable to initialize WebGL. Your browser may not support it.");
        gl = null;
    }

    return gl;
}

function start() {
    var gl = initWebGL(),
        shaders = createShaders(gl);

    var program = gl.createProgram();
    
    gl.attachShader(program, shaders.vertexShader);
    gl.attachShader(program, shaders.fragmentShader);

    gl.linkProgram(program);
    gl.useProgram(program);
}

start();

:)