応用編: ライティングとシェーディング

Phongライティングモデル

基本的なライティングモデルの実装を学ぶ

学習ステップ

3Dグラフィックスにおける光の表現は、物体の立体感を生み出す重要な要素です。

Phongライティングモデルの3要素:

  • アンビエント(環境光): 間接光を簡易的に表現
  • ディフューズ(拡散反射): 表面の粗さによる光の拡散
  • スペキュラー(鏡面反射): 滑らかな表面での光の反射

必要な情報:

  • 頂点/フラグメントの法線ベクトル
  • ライトの位置と方向
  • 視点(カメラ)の位置
  • マテリアルの特性

タスク

まずはアンビエント光のみで3D立方体を描画しましょう。

進捗状況 0 / 3 完了

WebGPUを初期化中...

コンソール
コンソール出力がここに表示されます

Learn WebGPU - WebGPUを学ぶためのインタラクティブチュートリアル

GitHub