WebGPU の新機能(Chrome 114)

François Beaufort
François Beaufort

JavaScript を最適化する

Chromium のコントリビューターは、V8 JavaScript エンジンで生成されたコードから Blink レンダリング エンジンの C++ ハンドラへの呼び出しのオーバーヘッドを削減することで、GPUComputePassEncoder メソッド、GPURenderPassEncoder メソッド、GPUCommandEncoder メソッドの WebGPU のパフォーマンスを高速化しました。問題 chromium:1417558 をご覧ください。

次のマイクロベンチマークは、JavaScript からの呼び出しの CPU 時間が 10,000 回描画あたり 0.5 ms から 10,000 回描画あたり 0.3 ms に短縮されたことを示しています。これは 40% の改善です。

高速呼び出しの改善を示す Chrome ブラウザのベンチマーク グラフのスクリーンショット。
高速呼び出しの改善を示す Chrome ベンチマーク グラフ(ソース)。

構成されていないキャンバスで getCurrentTexture() を呼び出すと InvalidStateError がスローされる

構成されていないキャンバスで GPUCanvasContext getCurrentTexture() メソッドを呼び出すと、WebGPU 仕様に従って OperationError ではなく InvalidStateError がスローされるようになりました。問題 chromium:1424461 をご覧ください。

const context = document.querySelector("canvas").getContext("webgpu");
context.getCurrentTexture(); // Throws InvalidStateError

WGSL の更新

AbstractInt のゼロ埋めベクトルを vec2()vec3()vec4() として記述できるようになりました。問題 tint:1892 をご覧ください。次に例を示します。

  • 現在の vec2(): vec2(0,0)
  • 現在の vec3(): vec3(0,0,0)
  • 現在の vec4(): vec4(0,0,0,0)

Dawn の更新

エラー メッセージの改善

無効なオブジェクトの記述子ラベルが削除されなくなったため、エラー メッセージに表示されるようになります。問題 dawn:1771 をご覧ください。

Node.js に不足している API を追加する

GPUAdapter::requestAdapterInfo() メソッドと GPUBuffer::getMapState() メソッドが Node.js に実装されました。問題 dawn:1761 をご覧ください。

WebGPU の新機能

WebGPU の新機能シリーズで取り上げられたすべての内容のリスト。

Chrome 131

Chrome 130

Chrome 129

Chrome 128

Chrome 127

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113