基礎編: 最初の三角形

基本的な三角形の描画

頂点シェーダーとフラグメントシェーダーを使った描画

学習ステップ

WebGPUでは、描画処理をGPU上で実行するためにシェーダーを使用します。

主なシェーダーの種類:

  • 頂点シェーダー: 各頂点の位置を計算
  • フラグメントシェーダー: 各ピクセルの色を計算

WGSL(WebGPU Shading Language) WebGPU専用のシェーディング言語で、Rustに似た構文を持ちます。

タスク

頂点シェーダーで三角形の頂点位置を定義しましょう。

進捗状況 0 / 3 完了

WebGPUを初期化中...

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

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

GitHub