Se usó la API de Cloud Translation para traducir esta página.

Novedades de WebGPU (Chrome 137)

François Beaufort

Fecha de publicación: 26 de mayo de 2025

Usa la vista de textura para la vinculación de externalTexture

Ahora se permite usar un GPUTextureView compatible (2D, subrecurso único) en lugar de una vinculación de GPUExternalTexture cuando se crea un GPUBindGroup.

Esto simplifica la lógica del sombreador en las canalizaciones de efectos de video en las que se deben controlar GPUExternalTexture (para el video de origen) y GPUTextureView (para el procesamiento intermedio). También reduce la necesidad de compilar sombreadores de forma dinámica según de dónde provenga la textura. Consulta Intent to Ship: WebGPU: GPUTextureView for externalTexture binding.

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 } },
  ],
});

Se copian los búferes sin especificar offsets ni tamaño.

Una nueva sobrecarga del método GPUCommandEncoder permite a los desarrolladores omitir los parámetros de offset y tamaño cuando usan copyBufferToBuffer() para simplificar la copia de búferes completos. Consulta Intent to Ship: WebGPU: sobrecarga de copyBufferToBuffer.

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

WGSL workgroupUniformLoad con puntero a atómico

Se agregó una nueva sobrecarga de workgroupUniformLoad(ptr) en WGSL para facilitar a los desarrolladores. Carga de forma atómica el valor al que apunta ptr y lo muestra a todas las invocaciones del grupo de trabajo, donde ptr es un puntero a atómico dentro de una variable de grupo de trabajo. Consulta el 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 de GPUAdapterInfo

El atributo de cadena no estándar powerPreference GPUAdapterInfo ahora está disponible cuando el usuario habilitó la marca "WebGPU Developer Features" en chrome://flags/#enable-webgpu-developer-features. Si es compatible, el valor de powerPreference puede ser "low-power" o "high-performance", según el valor de GPUPowerPreference que se usó en GPURequestAdapterOptions. Consulta 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.
  }
}

Se quitó el atributo compatibilityMode de GPURequestAdapterOptions.

Se quitó el atributo experimental compatibilityMode de GPURequestAdapterOptions en favor del atributo featureLevel estandarizado que se agregó en Chrome 133. Consulta el problema 366151404.

Actualizaciones de Dawn

Los desarrolladores pueden compilar proyectos de WebGPU en lenguajes como C++, con webgpu.h para segmentar WebAssembly y plataformas específicas. La versión reciente de "emdawnwebgpu" ("Emscripten Dawn WebGPU") de Dawn implementa la versión más reciente de webgpu.h estandarizada en la API del navegador.

Emdawnwebgpu es una bifurcación (mantenida) de las vinculaciones integradas (USE_WEBGPU) de Emscripten (ahora sin mantenimiento). Todo el desarrollo nuevo se realiza en emdawnwebgpu, y las vinculaciones integradas de Emscripten se quitarán a medida que los desarrolladores realicen la transición a emdawnwebgpu. El encabezado C de Emdawnwebgpu es muy similar al de Dawn, mientras que las vinculaciones integradas están muy desactualizadas.

Descarga emdawnwebgpu desde la página de lanzamientos de GitHub de Dawn y lee el archivo README.md del paquete para obtener información sobre cómo usarlo. Los archivos fuente se pueden encontrar en el repositorio de Dawn.

Para obtener una guía completa, consulta la documentación actualizada sobre cómo compilar una app con WebGPU.