Project Fugu API ショーケースは、Project Fugu のコンテキストで考案された API を利用するアプリのコレクションです。Project Fugu の詳細については、機能のランディング ページをご覧ください。

フィルタ条件

使用した API

unorm8x4-bgra と 1 コンポーネントの頂点形式が追加され、未定義の値で不明な上限をリクエストできるようになりました。また、WGSL の配置ルールが変更され、破棄による WGSL のパフォーマンスが向上しました。

テクスチャビューの使用、32 ビット浮動小数点テクスチャのブレンド、GPUDevice の adapterInfo 属性、無効な形式でキャンバス コンテキストを構成する JavaScript エラーの発生、テクスチャのサンプラー制限のフィルタリング、拡張サブグループの試験運用版、デベロッパー エクスペリエンスの向上、16 ビット正規化テクスチャ形式の試験運用版のサポートなど。

最新の GPU for the Web ワーキング グループ ミーティングで議論された、新しい AI とレンダリング機能について学びます。

WGSL、GPUCanvasContext getConfiguration()、点と線のプリミティブのクリップ距離には、深度バイアス、サブグループ用のインクルーシブ スキャン組み込み関数、マルチ描画間接の試験運用版サポート、シェーダー モジュールのコンパイル オプションの厳密な計算、GPUAdapter requestAdapterInfo() の削除などがあってはなりません。

デュアルソース ブレンディング、Metal でのシェーダーのコンパイル時間の改善、GPUAdapter requestAdapterInfo() のサポート終了など。

キャンバス トーン マッピング モードでの HDR サポート、サブグループのサポートの拡大など。

サブグループのテスト、線とポイントの深度バイアスの設定のサポート終了、未キャプチャ エラーの DevTools の警告の非表示(PreventDefault の場合)、WGSL が最初にサンプリングを補間する、その他。

Android での OpenGL ES の試験運用版のサポート、GPUAdapter 情報属性、WebAssembly の相互運用の改善など。

maxTextureArrayLayers の上限の引き上げ、Vulkan バックエンドのバッファ アップロードの最適化、シェーダーのコンパイル時間の改善、送信されるコマンド バッファの一意性の確保、Dawn の更新。

I/O 2024 でウェブ AI のまとめをご覧ください。ウェブアプリの新たなモデル、ツール、API をご紹介します。

開発中のサブグループは、3D テクスチャのスライスにレンダリングされます。

WebGPU により、ウェブ上で高性能 3D グラフィックスとデータ並列計算を実行できます。

読み取り専用と読み取り / 書き込みのストレージ テクスチャ、Service Worker と共有ワーカーのサポート、新しいアダプタ情報属性、バグの修正。

DP4a 組み込み関数のサポート、制限のないポインタ パラメータ、WGSL で複合を逆参照するための構文シュガーなど。

開発中の互換モード、maxVertexAttributes の上限の引き上げ、Dawn の更新。

Android での WebGPU のサポート、シェーダー コンパイルでの DXC の使用、コンピューティングパスとレンダリングパスでのタイムスタンプ クエリ、シェーダー モジュールへのデフォルトのエントリ ポイント、GPUExternalTexture 色空間としての display-p3、メモリヒープ情報など。

ブラウザのテストを一貫して自動化し、アプリケーションのパフォーマンスを向上させるための Google のソリューションをご覧ください。

スケーラブルかつ自動化可能で、標準化されたハードウェア構成内で、クライアントサイドのブラウザベースの AI モデルをテストする方法を説明します。

WebGPU の最新の変更点をご確認ください。

WGSL での 16 ビット浮動小数点値のサポート、上限の引き上げ、深度ステンシルの状態変更、アダプター情報の更新など。

WebGPU エコシステムが JavaScript、C+、Rust レルムを超えて拡張される仕組みについて学びます。

フィルタリング可能な 32 ビット浮動小数点数テクスチャ、unorm10-10-10-2 頂点形式、RGB10a2uint テクスチャ形式など。

copyExternalImageToTexture のソース サポートの拡張、読み取り / 書き込みおよび読み取り専用ストレージ テクスチャの試験運用版サポートなど。

頂点バッファの設定を解除してグループをバインドする、紛失したデバイスが機能しているように見えるようにするなど

WebCodecs の統合、動画再生の改善など。

サポートされている WGSL 言語拡張機能、Direct3D 11 の試験運用版サポートなど。

JavaScript の最適化など。

WebGPU は、オリジン トライアルで WebCodecs を統合した Chrome に搭載されています。

Chrome チームは、ウェブ上で高性能 3D グラフィックスとデータ並列計算を行える WebGPU を出荷しています。

Learn why WebGPU may be disabled or not working in Chrome browser.

Learn how to build an app with WebGPU for the web and specific platforms.

Part 2/2. Learn how WebAssembly and WebGPU enhancements improve machine learning performance on the web.

Part 1/2. Learn how WebAssembly and WebGPU enhancements improve machine learning performance on the web.

Learn some tips for WebGL developers who are migrating to WebGPU.

Learn how WebGPU unlocks the power of the GPU for faster machine learning performance and better graphics rendering.

This post explores the experimental WebGPU API through examples and helps you get started with performing data-parallel computations using the GPU.