3Dコンテキストを取得する

説明

キャンバスの3Dコンテキストを取得するにはgetContext()にwebglを指定します。ただし、webglがサポートされていないブラウザもあり、Google Chrome 9の場合はexperimental-webglの文字を指定します。Firefoxの場合はmoz-webglの文字を指定します。古いWebKitを使用しているブラウザに対応させる必要がある場合にはwebkit-3dの文字列を指定します。
以下のサンプルはGoogle Chrome 9で動作します。

サンプルプログラム

window.onload = function(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("experimental-webgl");
if (context){
alert("WebGL(3Dキャンバス)は使えます");
}else{
alert("WebGLが使えません!");
}
}
サンプルを実行
[戻る]