WebGL 1.0 OpenGL ES 2.0 Google Chrome 12.0.742.100 jQuery 1.6.2 glMatrix 0.9.5 |
■WebGLで深度テスト [ サンプルページ ] | Prev Top Next |
関連ページ:WebGL 1.0 はじめました |
今回は深度テストを実装します。深度テストは複数のオブジェクトの前後関係を正しく表示するための技術です。
1.gl.enable( gl.DEPTH_TEST );
深度テストを有効にします。
2.gl.depthFunc( gl.LEQUAL );
深度バッファと新しいピクセル値の深度値との比較関数を定義します。
gl.LEQUALの場合、新しいピクセル値の深度値が、深度バッファの深度値以下のときのみ描画します。
3.gl.clearDepth( 1.0 );
深度バッファをクリアするための値を設定します。
4.gl.clear( gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT );
バックバッファと深度バッファを初期化します。この処理は通常毎フレームおこないます。