その他のWebGPUリソースをいくつか紹介します。

記事

• 初めてのWebGPUアプリ
• WGSLツアー
• WebGPU Unleashed: 実践的なチュートリアル
• glTFモデルの効率的なレンダリング
• WebGPUのベストプラクティス
• Rosetta - 複数のシェーダー言語でシェーダーを比較
• 3Dグラフィックス初心者向けチュートリアルとプロジェクト
• WebGPUレンダーバンドルのベストプラクティス

例

• WebGPUサンプル
• WebGPU遅延レンダリング
• WebGPUシャドウプレイグラウンド
• WebGPUメタボール
• WebGPUでのShadertoyの例
• シェーダーグラフWGSL
• コンピュートトイ

デバッグ/プロファイリング

• PIXを使用したWebGPUのプロファイリング（Windowsのみ）

ツール

• WebGPUReport.org - WebGPUの機能を表示します

ライブラリ

3Dライブラリ

• three.js 例
• babylon.js

ユーティリティ

• webgpu-utils - ユニフォームバッファデータの設定などを支援します
• wgsl-struct-buffer - 型チェックと推論を備えたtsでのwgslの構造体バッファビュー
• TypeGPU - 型安全で宣言的な方法でWebGPUリソース管理を可能にします。

デバッグ/プロファイリングライブラリ

• webgpu_inspector - webgpuリソースとコマンドを検査します
• webgpu-dev-extension - 拡張機能としてデバッグと開発のためのさまざまなヘルパー
• webgpu-helpers - デバッグと開発のためのさまざまなヘルパー
• webgpu-memory - 使用しているメモリ量を通知します
• webgpu-avoid-redundant-state-setting - コードの冗長なWebGPU呼び出しをチェックします
• webgpu_recorder - WebGPUを.HTMLファイルに記録します。バグ/問題のスタンドアロンリポジトリを作成するのに役立ちます。