Diese Seite wurde von der Cloud Translation API übersetzt.

Das ist neu bei WebGPU (Chrome 129)

François Beaufort

HDR-Unterstützung mit Canvas-Tonmapping-Modus

Webentwickler haben nur begrenzte Möglichkeiten, HDR-Inhalte bereitzustellen. Sie verlassen sich hauptsächlich auf <img>- und <video>-Elemente. Das <canvas>-Element ist jedoch weiterhin auf SDR beschränkt. Wenn Sie dynamische HDR-Inhalte in einem Canvas generieren möchten, müssen Sie den Inhalt vor der Anzeige als HDR-Bild codieren. Eine Demo veranschaulicht dies.

Mit dem neuen Parameter GPUCanvasToneMappingMode in der WebGPU-Canvas-Konfiguration kann WebGPU jetzt Farben heller als Weiß (#FFFFFF) zeichnen. Dazu stehen die folgenden Modi zur Verfügung:

"standard": Im Standardverhalten werden Inhalte auf den SDR-Bereich des Bildschirms beschränkt. In diesem Modus werden alle Farbwerte im Farbraum des Bildschirms auf das Intervall [0, 1] begrenzt.
"extended": Damit wird der volle HDR-Bereich des Displays freigeschaltet. In diesem Modus wird "standard" im Bereich [0, 1] des Displays erkannt. Die Begrenzung oder Projektion erfolgt auf den erweiterten dynamischen Bereich des Bildschirms, aber nicht auf [0, 1].

Im folgenden Code-Snippet wird gezeigt, wie Sie einen Canvas für einen hohen Dynamikbereich konfigurieren.

const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice();

const canvas = document.querySelector("canvas");
const context = canvas.getContext("webgpu");

context.configure({
  device,
  format: "rgba16float",
  toneMapping: { mode: "extended" },
});

Weitere Informationen zu HDR mit WebGPU finden Sie im Beispiel „Partikel (HDR)“ und im Beispiel „WebGPU HDR“ sowie im Eintrag in chromestatus.

Ein Laptop mit einem HDR-Bildschirm, auf dem ein lebendiges Bild zu sehen ist. — Das Particles (HDR)-Beispiel auf einem HDR-Bildschirm.

Unterstützung für maximierte Untergruppen

Nach der Ankündigung der Tests für Untergruppen können die integrierten Funktionen für Untergruppen jetzt sowohl in Compute- als auch in Fragment-Shadern verwendet werden. Sie sind nicht mehr auf Compute-Shader beschränkt. Siehe Problem 354738715.

Hinweis: Der vordefinierte Wert subgroup_size ist in Fragment-Shadern derzeit fehlerhaft. Vermeiden Sie es vorerst.

Außerdem wurden die folgenden integrierten Funktionen für Untergruppen hinzugefügt:

subgroupAdd(value): Gibt die Summe aller aktiven Aufrufe values in der Untergruppe zurück.
subgroupExclusiveAdd(value): Gibt die exklusive Scansumme aller aktiven Aufrufe values in der Untergruppe zurück.
subgroupMul(value): Gibt das Produkt aller aktiven Aufrufe value in der Untergruppe zurück.
subgroupExclusiveMul(value): Gibt die exklusive Multiplikation aller aktiven Aufrufe values in der Untergruppe zurück.
subgroupAnd(value): Gibt das binäre AND aller aktiven Aufrufe values in der Untergruppe zurück.
subgroupOr(value): Gibt das binäre OR aller aktiven Aufrufe values in der Untergruppe zurück.
subgroupXor(value): Gibt das binäre XOR aller aktiven Aufrufe values in der Untergruppe zurück.
subgroupMin(value): Gibt den Minimalwert aller aktiven Aufrufe value in der Untergruppe zurück.
subgroupMax(value): Gibt den maximalen Wert aller aktiven Aufrufe values in der Untergruppe zurück.
subgroupAll(value): Gibt „wahr“ zurück, wenn value für alle aktiven Aufrufe in der Untergruppe wahr ist.
subgroupAny(value): Gibt „wahr“ zurück, wenn value für eine aktive Aufrufinstanz in der Untergruppe wahr ist.
subgroupElect(): Gibt „wahr“ zurück, wenn dieser Aufruf die niedrigste subgroup_invocation_id unter den aktiven Aufrufen in der Untergruppe hat.
subgroupBroadcastFirst(value): value wird von der aktiven Aufrufinstanz mit der niedrigsten subgroup_invocation_id in der Untergruppe an alle anderen aktiven Aufrufe gesendet.
subgroupShuffle(value, id): Gibt value aus der aktiven Aufrufinstanz zurück, deren subgroup_invocation_id mit id übereinstimmt.
subgroupShuffleXor(value, mask): Gibt value aus der aktiven Aufrufinstanz zurück, deren subgroup_invocation_id mit subgroup_invocation_id ^ mask übereinstimmt. mask muss dynamisch einheitlich sein.
subgroupShuffleUp(value, delta): Gibt value aus der aktiven Aufrufinstanz zurück, deren subgroup_invocation_id mit subgroup_invocation_id - delta übereinstimmt.
subgroupShuffleDown(value, delta): Gibt value aus der aktiven Aufrufinstanz zurück, deren subgroup_invocation_id mit subgroup_invocation_id + delta übereinstimmt.
quadBroadcast(value, id): Überträgt value von der Quad-Aufruf-ID id. id muss ein konstanter Ausdruck sein.
quadSwapX(value): Hiermit wird value zwischen Aufrufen im Quad in X-Richtung getauscht.
quadSwapY(value): Hiermit wird value zwischen Aufrufen im Quad in Y-Richtung getauscht.
quadSwapDiagonal(value): Hiermit wird value diagonal zwischen den Aufrufen im Quad ausgetauscht.

Dawn-Updates

Das wgpu::PrimitiveState-Objekt enthält jetzt direkt die Einstellung für die Tiefenschnittsteuerung, sodass kein separates wgpu::PrimitiveDepthClipControl-Objekt mehr erforderlich ist. Weitere Informationen finden Sie im folgenden Code-Snippet und im PR für webgpu-headers.

// Before
wgpu::PrimitiveState primitive = {};
wgpu::PrimitiveDepthClipControl depthClipControl;
depthClipControl.unclippedDepth = true;
primitive.nextInChain = &depthClipControl;

// Now
wgpu::PrimitiveState primitive = {};
primitive.unclippedDepth = true;

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