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

Novedades de WebGPU (Chrome 130)

François Beaufort

Combinación de dos fuentes

La combinación de dos salidas de sombreador de fragmentos en un solo búfer de fotogramas se denomina combinación de doble fuente. Esta técnica es particularmente útil para las aplicaciones que requieren operaciones de combinación complejas, como las que se basan en los modos de combinación de Porter-Duff. Al reemplazar los pases de renderización posteriores por un solo pase, la combinación de doble fuente puede mejorar el rendimiento y la flexibilidad.

La nueva función "dual-source-blending" de WebGPU te permite usar el atributo @blend_src de WGSL en @location(0) para indicar el índice de la fuente de combinación y los siguientes factores de combinación: "src1", "one-minus-src1", "src1-alpha" y "one-minus-src1-alpha". Consulta el siguiente fragmento, la entrada de ChromeStatus y el problema 341973423.

const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has("dual-source-blending")) {
  throw new Error("Dual source blending support is not available");
}
// Explicitly request dual source blending support.
const device = await adapter.requestDevice({
  requiredFeatures: ["dual-source-blending"],
});

const code = `
  enable dual_source_blending;

  struct FragOut {
    @location(0) @blend_src(0) color : vec4f,
    @location(0) @blend_src(1) blend : vec4f,
  }

  @fragment fn main() -> FragOut {
    var output : FragOut;
    output.color = vec4f(1.0, 1.0, 1.0, 1.0);
    output.blend = vec4f(0.5, 0.5, 0.5, 0.5);
    return output;
  }
`;

const shaderModule = device.createShaderModule({ code });
// Create a render pipeline with this shader module
// and run the shader on the GPU...

Mejoras en el tiempo de compilación de sombreadores en Metal

El equipo de Chrome está mejorando Tint, el compilador del lenguaje de sombreadores de WebGPU, con la introducción de una representación intermedia (IR) para los dispositivos que admiten WebGPU con el backend de Metal. Este RI, ubicado entre el árbol de sintaxis abstracta (AST) de Tint y el escritor de backend de Metal, hará que el compilador sea más eficiente y fácil de mantener, lo que, en última instancia, beneficiará tanto a los desarrolladores como a los usuarios. Las pruebas iniciales demuestran que la nueva versión de Tint es hasta 10 veces más rápida cuando traduce los sombreadores WGSL de Unity a MSL.

Un diagrama de flujo muestra el proceso de conversión del código de sombreador de WGSL en instrucciones de GPU de bajo nivel. — Creación de la canalización de renderización en macOS.

Estas mejoras, que ya están disponibles en Android y ChromeOS, se están expandiendo progresivamente a los dispositivos macOS que admiten WebGPU con el backend de Metal. Consulta el problema 42251016.

Obsolescencia de requestAdapterInfo() de GPUAdapter

El método asíncrono requestAdapterInfo() de GPUAdapter es redundante, ya que los desarrolladores ya pueden obtener GPUAdapterInfo de forma síncrona con el atributo info de GPUAdapter. Por lo tanto, el método requestAdapterInfo() no estándar de GPUAdapter ya no está disponible. Consulta la intención de baja.

La consola de Herramientas para desarrolladores muestra una advertencia de baja para requestAdapterInfo(). — Advertencia sobre la función obsoleta de `requestAdapterInfo()` en las Herramientas para desarrolladores de Chrome.

Actualizaciones de Dawn

La API de C de webgpu.h definió algunas convenciones de nomenclatura para las estructuras de extensión. Consulta los siguientes cambios de nombre y el problema 42241174.

`WGPURenderPassDescriptor` extensiones
`WGPURenderPassDescriptorMaxDrawCount ->`	`WGPURenderPassMaxDrawCount`
`WGPUShaderModuleDescriptor` extensiones
`WGPUShaderModuleSPIRVDescriptor ->`	`WGPUShaderSourceSPIRV`
`WGPUShaderModuleWGSLDescriptor ->`	`WGPUShaderSourceWGSL`
`WGPUSurfaceDescriptor` extensiones
`WGPUSurfaceDescriptorFromMetalLayer ->`	`WGPUSurfaceSourceMetalLayer`
`WGPUSurfaceDescriptorFromWindowsHWND ->`	`WGPUSurfaceSourceWindowsHWND`
`WGPUSurfaceDescriptorFromXlibWindow ->`	`WGPUSurfaceSourceXlibWindow`
`WGPUSurfaceDescriptorFromWaylandSurface ->`	`WGPUSurfaceSourceWaylandSurface`
`WGPUSurfaceDescriptorFromAndroidNativeWindow ->`	`WGPUSurfaceSourceAndroidNativeWindow`
`WGPUSurfaceDescriptorFromXcbWindow ->`	`WGPUSurfaceSourceXCBWindow`
`WGPUSurfaceDescriptorFromCanvasHTMLSelector ->`	`WGPUSurfaceSourceCanvasHTMLSelector_Emscripten`

El tipo de atributo depthWriteEnabled de WGPUDepthStencilState cambia de booleano a WGPUOptionalBool para reflejar mejor sus tres estados posibles (verdadero, falso y no definido), como en la API de JavaScript. Para obtener más información, consulta el siguiente fragmento de código y la PR de webgpu-headers.

wgpu::DepthStencilState depthStencilState = {};
depthStencilState.depthWriteEnabled = wgpu::OptionalBool::True; // Undefined by default

Esto solo abarca algunos de los aspectos destacados clave. Consulta la lista exhaustiva de confirmaciones.

Novedades de WebGPU (Chrome 130)

Combinación de dos fuentes

Mejoras en el tiempo de compilación de sombreadores en Metal

Obsolescencia de requestAdapterInfo() de GPUAdapter

Actualizaciones de Dawn