Novidades do WebGPU (Chrome 137)

François Beaufort
François Beaufort
GitHub

Publicado em 26 de maio de 2025

Usar a visualização de textura para vinculação de externalTexture

Agora, uma GPUTextureView compatível (2D, sub-recurso único) pode ser usada no lugar de uma vinculação GPUExternalTexture ao criar um GPUBindGroup.

Isso simplifica a lógica do sombreador em pipelines de efeitos de vídeo em que GPUExternalTexture (para vídeo de origem) e GPUTextureView (para processamento intermediário) precisam ser processados. Também reduz a necessidade de compilar sombreadores dinamicamente, dependendo de onde a textura vem. Consulte Intent to Ship: WebGPU: GPUTextureView para vinculação de externalTexture.

const texture = myDevice.createTexture({
  size: [42, 42],
  format: navigator.gpu.getPreferredCanvasFormat(),
  usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING,
});

const code = `
@group(0) @binding(0) var texture : texture_external;
@group(0) @binding(1) var<storage, read_write> buffer: vec2u;
    
@compute @workgroup_size(1) fn main() {
  buffer = textureDimensions(texture);
}`;

const pipeline = myDevice.createComputePipeline({
  layout: "auto",
  compute: { module: myDevice.createShaderModule({ code }) },
});

const bindGroup = myDevice.createBindGroup({
  layout: pipeline.getBindGroupLayout(0),
  entries: [
    { binding: 0, resource: texture.createView() }, // Use texture view for an externalTexture binding
    { binding: 1, resource: { buffer: myBuffer } },
  ],
});

Copiar buffers sem especificar deslocamentos e tamanho

Uma nova sobrecarga do método GPUCommandEncoder permite que os desenvolvedores omitam parâmetros de deslocamentos e tamanho ao usar copyBufferToBuffer() para simplificar a cópia de buffers inteiros. Consulte Intent to Ship: WebGPU: copyBufferToBuffer overload.

const size = 42;
const srcBuffer = myDevice.createBuffer({
  size,
  usage: GPUBufferUsage.STORAGE | GPUBufferUsage.COPY_SRC,
});
const dstBuffer = myDevice.createBuffer({
  size,
  usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ,
});

// Copy entire buffer.
myCommandEncoder.copyBufferToBuffer(srcBuffer, dstBuffer);

// This is the same as the following.
// myCommandEncoder.copyBufferToBuffer(srcBuffer, 0, dstBuffer, 0, size);

workgroupUniformLoad da WGSL usando ponteiro para atômico

Uma nova sobrecarga workgroupUniformLoad(ptr) na WGSL foi adicionada para conveniência do desenvolvedor. Ela carrega atomicamente o valor apontado por ptr e o retorna a todas as invocações no grupo de trabalho, em que ptr é um ponteiro para atômico dentro de uma variável de grupo de trabalho. Consulte o problema 408241039.

@group(0) @binding(0) var<storage, read_write> buffer : array<u32, 1>;

var<workgroup> wgvar : atomic<u32>;

@compute @workgroup_size(1, 1)
fn main(@builtin(local_invocation_index) lid: u32) {
  if (lid == 0) {
    atomicStore(&(wgvar), 42u);
  }
  buffer[lid] = workgroupUniformLoad(&wgvar);
}

Atributo powerPreference do GPUAdapterInfo

O atributo de string não padrão powerPreference do GPUAdapterInfo agora está disponível quando o usuário ativou a flag "Recursos de desenvolvedor da WebGPU" em chrome://flags/#enable-webgpu-developer-features. Se compatível, o valor powerPreference pode ser "low-power" ou "high-performance", dependendo do valor GPUPowerPreference usado em GPURequestAdapterOptions. Consulte CL 6438860.

function checkPowerPreferenceForGpuDevice(device) {
  const powerPreference = device.adapterInfo.powerPreference;
  if (powerPreference === "high-performance") {
    // High-performance GPU detected. Enabling enhanced graphics settings.
  } else if (powerPreference === "low-power") {
    // Low-power GPU detected. Optimizing for battery life.
  }
}

Remover o atributo compatibilityMode do GPURequestAdapterOptions

O atributo experimental GPURequestAdapterOptions compatibilityMode foi removido em favor do atributo featureLevel padronizado adicionado no Chrome 133. Consulte o problema 366151404.

Atualizações do Dawn

Os desenvolvedores podem criar projetos da WebGPU em linguagens como C++, usando webgpu.h para segmentar o WebAssembly e plataformas específicas. O "emdawnwebgpu" ("Emscripten Dawn WebGPU") recém-lançado do Dawn implementa o webgpu.h padronizado mais recente na API do navegador.

O emdawnwebgpu é um fork (mantido) das vinculações integradas do Emscripten (agora não mantidas) (USE_WEBGPU). Todo o novo desenvolvimento está sendo feito no emdawnwebgpu, e as vinculações integradas do Emscripten serão removidas à medida que os desenvolvedores fizerem a transição para o emdawnwebgpu. O cabeçalho C do emdawnwebgpu é muito parecido com o do Dawn, enquanto as vinculações integradas estão significativamente desatualizadas.

Faça o download do emdawnwebgpu na página de versões do GitHub do Dawn e leia o README.md do pacote para saber como usá-lo. Os arquivos de origem podem ser encontrados no repositório do Dawn.

Para um guia completo, consulte a documentação atualizada Criar um app com a WebGPU.

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

Novidades na WebGPU

Uma lista de tudo o que foi abordado na série Novidades na WebGPU.

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