Novidades da WebGPU (Chrome 149-150)

François Beaufort
François Beaufort
GitHub

Publicado em: 17 de junho de 2026

Imediato

Os imediatos, também conhecidos como constantes de push ou constantes de raiz, permitem transmitir pequenas quantidades de dados que mudam com frequência diretamente para os shaders. Esse processo evita a sobrecarga de criar buffers de GPU e gerenciar grupos de vinculação.

Atualizar vinculações de buffer uniforme para dados que mudam a cada chamada de desenho, como um ID de objeto exclusivo ou uma matriz de transformação 3D para centenas de objetos, cria sobrecarga da CPU. Insira valores brutos diretamente no codificador de transmissão para evitar gravar dados na memória e gerenciar pesquisas de GPU.

Os imediatos oferecem um caminho rápido para variáveis pequenas e altamente dinâmicas. Use buffers uniformes ou de armazenamento para grandes matrizes de dados, estruturas de iluminação complexas ou matrizes enormes.

No shader WGSL, o espaço de endereço <immediate> permite definir dados imediatos que podem ser transmitidos diretamente ao codificador de transmissão. Chame setImmediates() em JavaScript antes de uma chamada de desenho para fornecer esses dados sem vincular um grupo. Para verificar a compatibilidade, detecte o recurso da extensão de linguagem immediate_address_space WGSL usando navigator.gpu.wgslLanguageFeatures. Confira o exemplo a seguir e a intenção de envio.

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();

Para saber mais sobre esse recurso, consulte WebGPUFundamentals Immediates.

Parabéns à equipe da Microsoft pelas contribuições!

Validação mais rigorosa para anexos temporários

O WebGPU recentemente introduziu a flag TRANSIENT_ATTACHMENT GPUTextureUsage, que permite aos desenvolvedores criar anexos de renderização temporários, como buffers de profundidade-estêncil ou destinos multiamostrados. Esses anexos permanecem na memória de bloco rápida e no chip sem alocar a VRAM principal.

Atualizações recentes (#6248 e #6267) refinam as regras de validação para evitar o uso indevido dessas vinculações de textura com eficiência de memória:

  • Devido a limitações da plataforma, viewFormats precisa ser uma matriz vazia ao criar texturas temporárias. Não são necessários formatos de visualização alternativos porque as texturas temporárias são apenas para renderização.
  • Criar uma visualização de textura não restringe as flags de uso. Ao chamar createView() em uma textura temporária, a visualização não pode mudar o uso.
  • Anexos temporários não podem ser usados como um resolveTarget em uma transmissão de renderização.

Atualizações do amanhecer

Isso abrange apenas alguns dos principais destaques. Confira a lista completa de commits.

Novidades no WebGPU

Uma lista de tudo o que foi abordado na série O que há de novo no WebGPU.

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