WebGL
【Lesson8】
【内容】
WebGLで立方体にテクスチャーマッピングを行い、回転させる。
αブレンディング、平行光源と環境光の光源計算の指定を加えたデモ。
キー入力によって、拡大・縮小や回転速度を変更する。
canvasに割り当てたフレームバッファはα=0.1でクリアしているので、透過性がある。
【WebGL記事のメニューへ戻る】
<< Back to Lesson 8
【英文オリジナルへ】
αブレンディング
α レベル
光源計算
平行光源:
方向:
X:
Y:
Z:
色:
赤:
緑:
青:
環境光:
色:
赤:
緑:
青:
【キー入力による操作方法】
Page Up
/
Page Down
キーを押すと拡大/縮小が行えます。
カーソルキー(←→↑↓)を押すと箱が回転します。(長押しすると回転速度が加速します。)