Novidades da WebGPU (Chrome 124)

François Beaufort
François Beaufort
GitHub

Texturas de armazenamento somente leitura e leitura/gravação

O tipo de vinculação de textura de armazenamento permite que os sombreadores leiam texturas de armazenamento sem adicionar o uso de TEXTURE_BINDING e executem leituras e gravações mistas em determinados formatos. Quando a extensão de idioma da WGSL "readonly_and_readwrite_storage_textures" está presente no navigator.gpu.wgslLanguageFeatures, agora é possível definir o acesso de GPUStorageTexture ao "read-write" ou ao "read-only" ao criar um layout de grupo de vinculação. Antes, esse recurso estava restrito a "write-only".

Assim, o código de shader da WGSL pode usar os qualificadores de acesso read_write e read para texturas de armazenamento, as funções integradas textureLoad() e textureStore() se comportarão de maneira adequada e uma nova função integrada textureBarrier() estará disponível para sincronizar acessos à memória de textura em um grupo de trabalho.

É recomendável usar uma requer-diretiva para sinalizar o potencial de não portabilidade com requires readonly_and_readwrite_storage_textures; na parte superior do código de sombreador da WGSL. Confira o exemplo a seguir e o problema dawn:1972 (link em inglês).

if (!navigator.gpu.wgslLanguageFeatures.has("readonly_and_readwrite_storage_textures")) {
  throw new Error("Read-only and read-write storage textures are not available");
}

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

const bindGroupLayout = device.createBindGroupLayout({
  entries: [{
    binding: 0,
    visibility: GPUShaderStage.COMPUTE,
    storageTexture: {
      access: "read-write", // <-- New!
      format: "r32uint",
    },
  }],
});

const shaderModule = device.createShaderModule({ code: `
  requires readonly_and_readwrite_storage_textures;

  @group(0) @binding(0) var tex : texture_storage_2d<r32uint, read_write>;

  @compute @workgroup_size(1, 1)
  fn main(@builtin(local_invocation_id) local_id: vec3u) {
    var data = textureLoad(tex, vec2i(local_id.xy));
    data.x *= 2;
    textureStore(tex, vec2i(local_id.xy), data);
  }`
});

// You can now create a compute pipeline with this shader module and
// send the appropriate commands to the GPU.

Suporte aos service workers e workers compartilhados

A WebGPU no Chrome eleva o suporte aos web workers, agora oferecendo suporte para service workers e workers compartilhados. É possível usar service workers para aprimorar tarefas em segundo plano e recursos off-line, e workers compartilhados para compartilhamento eficiente de recursos entre scripts. Consulte o problema chromium:41494731.

Confira o exemplo de extensão do Chrome e a extensão WebLLM do Chrome para saber como usar a WebGPU em um service worker de extensão.

Captura de tela da extensão WebLLM do Chrome.
Extensão WebLLM do Chrome.

Novos atributos de informações do adaptador

Os atributos de informações do adaptador d3dShaderModel e vkDriverVersion não padrão agora estão disponíveis ao chamar requestAdapterInfo() se o usuário tiver ativado os "Recursos do desenvolvedor WebGPU". sinalização em chrome://flags/#enable-webgpu-developer-features. Quando compatível:

.
Captura de tela de https://webgpureport.org com vkDriverVersion nas informações do adaptador.
Informações do adaptador vkDriverVersion mostradas em https://webgpureport.org.

Correções de bugs

A criação de dois pipelines com bindgroups correspondentes usando layout: "auto", a criação de um bindgroup com o primeiro e o uso dele no segundo vai gerar um GPUValidationError. Isso era um bug de implementação que agora foi corrigido com os testes adequados. Consulte o problema dawn:2402.

Atualizações do amanhecer

Na API Dawn, o callback de erro não capturado definido com wgpuDeviceSetUncapturedErrorCallback agora não é chamado depois que o dispositivo da GPU é perdido. Essa correção alinha o Dawn com a especificação da API JavaScript e a implementação do Blink. Consulte o problema dawn:2459.

Isso cobre apenas alguns dos principais destaques. Confira a lista completa de confirmações (link em inglês).

Novidades da WebGPU

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

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