基礎編: 最初の三角形

カラフルな三角形

頂点カラーと補間を理解する

学習ステップ

頂点には位置以外の情報も持たせることができます。

頂点属性の例:

  • 位置(position)
  • 色(color)
  • テクスチャ座標(uv)
  • 法線(normal)

シェーダー間のデータの受け渡し: @location属性を使って、頂点シェーダーからフラグメントシェーダーへデータを渡します。

タスク

頂点シェーダーに色属性を追加しましょう。

進捗状況 0 / 2 完了

WebGPUを初期化中...

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

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

GitHub