この結果を console.log で表示してみましたが、うまく動作している事を確認しました。この処理は一行にして実行文扱いで戻り値を true か false で返すので、if(){} の 条件式の部分に記述できます。
WebGLRenderingContext は canvas に WebGL の描画命令を発行するためのオブジェクトです。
コンテキスト名 "experimental-webgl" は、仕様書が策定中の間に使用する一時的な名称です。仕様書が確定した後は、"webgl" という名称が使われます。
なんですが、見事に IE11 だけ false になりました。。。。。
(function() {
try {
return !!window.WebGLRenderingContext && !!document.createElement('canvas').getContext('experimental-webgl');
} catch(e) {
return false;
}
})()
▼ 最新
(function() {
try {
var canvas = document.createElement('canvas');
return !! window.WebGLRenderingContext && (canvas.getContext('webgl') || canvas.getContext('experimental-webgl'));
} catch(e) {
return false;
}
})()
どう意味あいかは解りませんが、とても念入りになっていました。webgl と experimental-webgl を両方チェックしているところが、何とも涙ぐましいような気もします。
|
|
【Three.js : ベーシックの最新記事】
- Three.js : マテリアルで設定される overdraw: true は、セグメントの境界である白い線を消す機能です
- Three.js(r57) : THREE.Texture のプロパティの意味
- できる限りだれでも Three.js を楽しめるように、Three.js の基本コードをできる限り簡単にして、オブジェクトやアニメーション部分をホスティングしてみました
- Three.js では、複数のオブジェクトを一つの Object3D に追加して一括管理します。
- Three.js の名前空間でユーザオブジェクトを作って、Three.js の基本を再確認する
- Three.js(51) でPlane(平面)。但し、ブログで動作するのは Canvas のみ(画像が別ドメインでも動く)。★ Google Chrome ではスクロールバーが効かなくなるのでキーボー..
- THREE.PerspectiveCamera ( 透視法射影カメラ ) の引数
- Three.js : 平面、球面、フォントと来て、次はキューブですね
- Three.js : 日本語フォントの立体表示
- Three.js の球体のテクスチャに透過部分のある画像を使って表示
- Three.js(Canvas) : ２平面(それぞれ裏表としてテクスチャ)、MeshBasicMaterial に overdraw: true をセットする意味と、Texture オブジェクトを ..
