Neuerungen bei der WebGPU (Chrome 130)

François Beaufort
François Beaufort
GitHub

Zusammenführen von zwei Quellen

Das Kombinieren von zwei Fragment-Shader-Ausgaben in einem einzelnen Framebuffer wird als Dual-Source-Blending bezeichnet. Diese Technik ist besonders nützlich für Anwendungen, die komplexe Mischvorgänge erfordern, z. B. solche, die auf Porter-Duff-Mischmodi basieren. Durch das Ersetzen nachfolgender Rendering-Durchläufe durch einen einzelnen Rendering-Durchlauf kann die Leistung und Flexibilität durch das Dual-Source-Blending verbessert werden.

Mit der neuen WebGPU-Funktion "dual-source-blending" können Sie das WGSL-Attribut @blend_src bei @location(0) verwenden, um den Index der Mischquelle und die folgenden Mischfaktoren anzugeben: "src1", "one-minus-src1", "src1-alpha" und "one-minus-src1-alpha". Weitere Informationen finden Sie im folgenden Snippet, im Chromestatus-Eintrag und in Problem 341973423.

const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has("dual-source-blending")) {
  throw new Error("Dual source blending support is not available");
}
// Explicitly request dual source blending support.
const device = await adapter.requestDevice({
  requiredFeatures: ["dual-source-blending"],
});

const code = `
  enable dual_source_blending;

  struct FragOut {
    @location(0) @blend_src(0) color : vec4f,
    @location(0) @blend_src(1) blend : vec4f,
  }

  @fragment fn main() -> FragOut {
    var output : FragOut;
    output.color = vec4f(1.0, 1.0, 1.0, 1.0);
    output.blend = vec4f(0.5, 0.5, 0.5, 0.5);
    return output;
  }
`;

const shaderModule = device.createShaderModule({ code });
// Create a render pipeline with this shader module
// and run the shader on the GPU...

Kürzere Shader-Kompilierungszeiten auf Metal

Das Chrome-Team verbessert Tint, den WebGPU-Shader-Sprachcompiler, durch die Einführung einer Zwischenrepräsentation (Intermediate Representation, IR) für Geräte, die WebGPU mit dem Metal-Backend unterstützen. Diese Zwischenrepräsentation, die zwischen dem abstrakten Syntaxbaum (AST) von Tint und dem Metal-Backend-Writer positioniert ist, macht den Compiler effizienter und wartungsfreundlicher, was letztendlich sowohl Entwicklern als auch Nutzern zugutekommt. Erste Tests zeigen, dass die neue Version von Tint beim Übersetzen von WGSL-Shadern von Unity in MSL bis zu zehnmal schneller ist.

Ein Flussdiagramm zeigt den Prozess der Konvertierung von WGSL-Shader-Code in Low-Level-GPU-Anweisungen.
Erstellung der Rendering-Pipeline unter macOS.

Diese Verbesserungen, die bereits unter Android und ChromeOS verfügbar sind, werden nach und nach auf macOS-Geräte ausgeweitet, die WebGPU mit dem Metal-Backend unterstützen. Weitere Informationen finden Sie unter Problem 42251016.

Einstellung von GPUAdapter.requestAdapterInfo()

Die asynchrone Methode „requestAdapterInfo()“ von GPUAdapter ist redundant, da Entwickler GPUAdapterInfo bereits synchron über das GPUAdapter-Attribut „info“ abrufen können. Daher wird die nicht standardmäßige GPUAdapter-Methode „requestAdapterInfo()“ jetzt eingestellt. Weitere Informationen finden Sie unter Absicht zur Einstellung.

In der Entwicklertools-Konsole wird eine Warnung zur Einstellung von „requestAdapterInfo()“ angezeigt.
Warnung zu eingestellten Funktionen für requestAdapterInfo() in den Chrome-Entwicklertools

Änderungen bei Dawn

In der C-API webgpu.h sind einige Namenskonventionen für Erweiterungs-Structs definiert. Weitere Informationen finden Sie in den folgenden Namensänderungen und unter Problem 42241174.

WGPURenderPassDescriptor Erweiterungen
WGPURenderPassDescriptorMaxDrawCount -> WGPURenderPassMaxDrawCount
WGPUShaderModuleDescriptor Erweiterungen
WGPUShaderModuleSPIRVDescriptor -> WGPUShaderSourceSPIRV
WGPUShaderModuleWGSLDescriptor -> WGPUShaderSourceWGSL
WGPUSurfaceDescriptor Erweiterungen
WGPUSurfaceDescriptorFromMetalLayer -> WGPUSurfaceSourceMetalLayer
WGPUSurfaceDescriptorFromWindowsHWND -> WGPUSurfaceSourceWindowsHWND
WGPUSurfaceDescriptorFromXlibWindow -> WGPUSurfaceSourceXlibWindow
WGPUSurfaceDescriptorFromWaylandSurface -> WGPUSurfaceSourceWaylandSurface
WGPUSurfaceDescriptorFromAndroidNativeWindow -> WGPUSurfaceSourceAndroidNativeWindow
WGPUSurfaceDescriptorFromXcbWindow -> WGPUSurfaceSourceXCBWindow
WGPUSurfaceDescriptorFromCanvasHTMLSelector -> WGPUSurfaceSourceCanvasHTMLSelector_Emscripten

Der Attributtyp depthWriteEnabled von WGPUDepthStencilState wird von „boolean“ zu WGPUOptionalBool geändert, um die drei möglichen Status (wahr, falsch und undefiniert) wie in der JavaScript API besser widerzuspiegeln. Weitere Informationen finden Sie im folgenden Code-Snippet und im WebGPU-Headers-PR.

wgpu::DepthStencilState depthStencilState = {};
depthStencilState.depthWriteEnabled = wgpu::OptionalBool::True; // Undefined by default

Dies sind nur einige der wichtigsten Highlights. Vollständige Liste der Commits

Neu bei WebGPU

Eine Liste aller Themen, die in der Reihe Neu in WebGPU behandelt wurden.

Chrome 155–156

Chrome 153–154

Chrome 151–152

Chrome 149–150

Chrome 147–148

Chrome 146

Chrome 145

Chrome 144

Chrome 143

Chrome 142

Chrome 141

Chrome 140

Chrome 139

Chrome 138

Chrome 137

Chrome 136

Chrome 135

Chrome 134

Chrome 133

Chrome 132

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