webgl setup

HTML

<canvas id="glcanvas" width="640" height="480">
    Votre navigateur ne semble pas supporter l'élément HTML5 
    <code>&lt;canvas&gt;</code>
</canvas>

JavaScript

function start() {
    var canvas = document.getElementById("glcanvas");

    initWebGL(canvas); // Initialise le contexte WebGL

    // Continue seulement si le WebGL est disponible et est en train de fonctionner

    if (gl) {
        gl.clearColor(0.0, 0.0, 0.0, 1.0); // Met la couleur d'effacement au noir et complétement opaque
        gl.enable(gl.DEPTH_TEST); // Active le test de profondeur
        gl.depthFunc(gl.LEQUAL); // Les objets proches cachent les objets lointains
        gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT); // Efface les couleurs et le buffer de profondeur.
    }
}

function initWebGL(canvas) {
    // Initialise la variable gloable gl à null
    gl = null;

    try {
        // Essaye de récupérer le contexte standard. En cas d'échec, il teste l'appel experimental
        gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
    } catch (e) {}

    // Si le contexte GL n'est pas récupéré, on l'indique à l'utilisateur.
    if (!gl) {
        alert("Impossible d'initialiser le WebGL. Il est possible que votre navigateur ne supporte pas cette fonctionnalité.");
    }
}

start();