WebGL - (3) Context 가져오는 좀 더 나은 방법

canvas 로부터 WebGL Context 를 가져올 때, 아래와 같이 할 수도 있지만,

var gl = canvas.getContext("experimental-webgl");

브라우저별로 여러가지로 정해져 있는 값들을 체크해서 적절한 값으로 Context 를 가져올 수 있는 방법입니다.

var names = ["webgl", "experimental-webgl", "webkit-3d", "moz-webgl"];

for (var i = 0; i < names.length; ++i) {

    try {
        gl = canvas.getContext(names[i]);
    }
    catch(e) {}
   
    if (gl) { break; } // "experimental-webgl"
    // gl : object WebGLRenderingContext
}

루프를 돌면서 WebGLRenderingContext 가 발견되면, 그 값을 이용하게 됩니다.