WebGLのデバッグ

今更ながらOpenGL ES 2.0プログラミングガイドを読んで、OpenGLのエラーの取得方法を知った。となればそれをラップしたロガーなんかも世に存在するはずで、探してみたらすぐに見つかった。

Debugging - WebGL Public Wiki
http://khronos.org/webgl/wiki/Debugging

とりあえず、initGL的なメソッド内部で常に使う様にしてみた。

var canvas = document.getElementById(canvasId);
ctx = canvas.getContext("experimental-webgl");
if (window.WebGLDebugUtils) {
  ctx = WebGLDebugUtils.makeDebugContext(ctx);
}

出てくるログを見ても何がいけないのかさっぱりわからないのだが、エラーの箇所がわかる様になっただけでもかなり助かる。