WebGL

【Lesson7】

【内容】
WebGLで立方体にテクスチャーマッピングを行い、回転させる。
平行光源と環境光の指定を加えたデモ。
キー入力によって、拡大・縮小や回転速度を変更する。
canvasに割り当てたフレームバッファはα=0.1でクリアしているので透過性がある。

【WebGL記事のメニューへ戻る】

<< Back to Lesson 7【英文オリジナルへ】
光源計算

平行光源

方向: X: Y: Z:
色 赤: 緑: 青:

環境光

色 赤: 緑: 青:

【キー入力による操作方法】