WebGLはブラウザで3Dグラフィックスを表示するための標準仕様として、OpenGL ES 2.0をベースに作られました。主な特徴は以下のとおりです。
- 特別なプラグイン無しで表示可能
- クロスプラットフォーム対応で、PCからスマートフォンまで同じコードで動作
また、Unreal Engine3(UE3)のゲームエンジンをHTML5に移植したというニュースが話題になるなど、WebGLは今後ますます使われるようになるのではなかと期待されています。
ところで、WebGLを動かすには対応したブラウザとビデオカードが必要になります。
ビデオカードの要件はOpenGL 2.0をサポートしていることです。最近のPCであれば、オンボードのGPU(Intel HD Graphicsなど)でも対応していると思います。
一方、ブラウザはMozilla FirefoxやGoogle Chromeなどでサポートされていますが、最もユーザー数の多い Internet Explorerでサポートされていない点に注意が必要です。(Internet Explorerも将来のバージョンで対応されるという噂もあります。)
ブラウザの設定方法は下記を参照ください。
Mozilla Firefox | アドレスバーにabout:config と入力して、webgl.force-enabled をtrue に設定 |
Opera | アドレスバーにabout:config と入力して、User Prefs をEnable WebGL に設定 |
Google Chrome | |
Safari |
WebGLをサポートしているかどうか、ブラウザの設定ができているかどうかはこちらで確認できます。リンク先はLesson04のサンプルですが、サポートされていれば、白い三角形が表示されると思います。もし、非対応であればエラーダイアログが表示されます。