Nowości w WebGPU (Chrome 149–150)

François Beaufort
François Beaufort
GitHub

Opublikowano: 17 czerwca 2026 r.

Immediates

Wartości natychmiastowe, zwane też stałymi push lub stałymi głównymi, umożliwiają przekazywanie niewielkich ilości często zmieniających się danych bezpośrednio do shaderów. Ten proces pomija obciążenie związane z tworzeniem buforów procesora graficznego i zarządzaniem grupami powiązań.

Aktualizowanie powiązań bufora jednolitego w przypadku danych, które zmieniają się przy każdym wywołaniu rysowania – np. unikalnego identyfikatora obiektu lub macierzy transformacji 3D dla setek obiektów – powoduje obciążenie procesora. Wstrzykiwanie nieprzetworzonych wartości bezpośrednio do kodera przepustki, aby uniknąć zapisywania danych w pamięci i zarządzania wyszukiwaniami na GPU.

Zmienne natychmiastowe zapewniają szybką ścieżkę dla małych, bardzo dynamicznych zmiennych. Używaj jednolitych buforów lub buforów pamięci do dużych tablic danych, złożonych struktur oświetlenia lub ogromnych macierzy.

W shaderze WGSL przestrzeń adresowa <immediate> umożliwia zdefiniowanie danych natychmiastowych, które można przekazywać bezpośrednio do kodera przekazywania. Wywołaj funkcję setImmediates() w JavaScript przed wywołaniem rysowania, aby podać te dane bez wiązania grupy. Aby sprawdzić obsługę, wykryj funkcję immediate_address_space rozszerzenia języka WGSL za pomocą navigator.gpu.wgslLanguageFeatures. Zapoznaj się z tym przykładem i intencją wysyłki.

if (!navigator.gpu.wgslLanguageFeatures.has('immediate_address_space')) {
   throw new Error(`WGSL immediate address space is not available`);
}

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

const module = device.createShaderModule({ code: `
  requires immediate_address_space;

  var<immediate> color: vec4f;

  @vertex fn vertexMain(@builtin(vertex_index) i : u32) -> @builtin(position) vec4f {
    const pos = array(vec2f(0, 1), vec2f(-1, -1), vec2f(1, -1));
    return vec4f(pos[i], 0, 1);
  }

  @fragment fn fragmentMain() -> @location(0) vec4f {
    return color;
  }`,
});

// Create render pass encoder (omitted)...

// By using layout: 'auto', WebGPU will automatically infer the `immediateSize`
// required by the pipeline layout from the WGSL module.
const pipeline = device.createRenderPipeline({
  layout: 'auto',
  vertex: { module },
  fragment: { module, targets: [{ format }] },
});
myRenderPassEncoder.setPipeline(pipeline);

// Send immediate data to the GPU, then issue a draw call
myRenderPassEncoder.setImmediates(/*rangeOffset=*/0, new Float32Array([255, 0, 0, 255]));
myRenderPassEncoder.draw(3);
myRenderPassEncoder.end();

Więcej informacji o tej funkcji znajdziesz w artykule WebGPUFundamentals Immediates.

Gratulacje dla zespołu Microsoft za ich wkład!

Bardziej rygorystyczna weryfikacja tymczasowych załączników

W WebGPU niedawno wprowadzono flagę TRANSIENT_ATTACHMENT GPUTextureUsage, która umożliwia deweloperom tworzenie tymczasowych załączników renderowania, takich jak bufory głębi i szablonu czy cele z wielokrotnym próbkowaniem. Te załączniki pozostają w szybkiej pamięci kafelkowej na chipie bez przydzielania głównej pamięci VRAM.

Ostatnie aktualizacje (#6248 i #6267) udoskonalają reguły weryfikacji, aby zapobiegać niewłaściwemu używaniu tych oszczędnych pod względem pamięci załączników tekstur:

  • Ze względu na ograniczenia platformy podczas tworzenia tekstur tymczasowych parametr viewFormats musi być pustą tablicą. Alternatywne formaty widoku nie są potrzebne, ponieważ tekstury przejściowe służą tylko do renderowania.
  • Utworzenie widoku tekstury nie ogranicza flag użycia. Podczas wywoływania funkcji createView() na teksturze tymczasowej widok nie może zmienić jej użycia.
  • Przejściowych załączników nie można używać jako resolveTarget w przepustce renderowania.

Aktualizacje Dawn

To tylko niektóre z najważniejszych informacji. Zapoznaj się z pełną listą zatwierdzeń.

Co nowego w WebGPU

Lista wszystkich tematów omówionych w serii Nowości w WebGPU.

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