Compatibilidad con HDR con el modo de asignación de tono del lienzo
Los desarrolladores web tienen opciones limitadas para entregar contenido HDR, y dependen principalmente de los elementos <img>
y <video>
. Sin embargo, el elemento <canvas>
sigue restringido a SDR. Para generar contenido HDR dinámico dentro de un lienzo, se debe codificar su contenido como una imagen HDR antes de mostrarlo (para ver un ejemplo, consulta esta demo).
El nuevo parámetro GPUCanvasToneMappingMode
en la configuración del lienzo de WebGPU ahora permite que WebGPU dibuje colores más brillantes que el blanco (#FFFFFF
). Lo hace a través de los siguientes modos:
"standard"
: El comportamiento predeterminado restringe el contenido al rango SDR de la pantalla. Este modo se logra mediante la restricción de todos los valores de color del espacio de color de la pantalla al intervalo[0, 1]
."extended"
: Desbloquea el rango HDR completo de la pantalla. Este modo hace coincidir"standard"
en el rango[0, 1]
de la pantalla. La limitación o proyección se realiza en el rango dinámico extendido de la pantalla, pero no en[0, 1]
.
En el siguiente fragmento de código, se muestra cómo configurar un lienzo para el alto rango dinámico.
const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice();
const canvas = document.querySelector("canvas");
const context = canvas.getContext("webgpu");
context.configure({
device,
format: "rgba16float",
toneMapping: { mode: "extended" },
});
Explora el HDR con WebGPU. Para ello, consulta el ejemplo de partículas (HDR) y el ejemplo de HDR de WebGPU, y consulta la entrada de chromestatus.
Compatibilidad expandida con subgrupos
Después del anuncio de la experimentación con subgrupos, las funciones integradas de subgrupos ahora están disponibles para usarse en sombreadores de cómputos y sombreadores de fragmentos. Ya no se restringen solo a sombreadores de cómputos. Consulta el problema 354738715.
Ten en cuenta que el valor integrado subgroup_size
actualmente tiene errores en los sombreadores de fragmentos. Evita hacerlo por ahora.
Además, se agregaron las siguientes funciones integradas de subgrupo:
subgroupAdd(value)
: Muestra la suma de todas las invocaciones activasvalue
en el subgrupo.subgroupExclusiveAdd(value)
: Muestra la suma de análisis exclusiva de todas las invocaciones activasvalue
en el subgrupo.subgroupMul(value)
: Muestra la multiplicación de todas las invocaciones activasvalue
en el subgrupo.subgroupExclusiveMul(value)
: Muestra la multiplicación de análisis exclusivos de todas las invocaciones activasvalue
en el subgrupo.subgroupAnd(value)
: Muestra el operador Y binario de todas las invocaciones activasvalue
en el subgrupo.subgroupOr(value)
: Muestra el OR binario de todas las invocaciones activasvalue
en el subgrupo.subgroupXor(value)
: Muestra el XOR binario de todas las invocaciones activasvalue
en el subgrupo.subgroupMin(value)
: Muestra el valor mínimo de todas las invocaciones activas devalue
en el subgrupo.subgroupMax(value)
: Muestra el valor máximo de todas las invocaciones activas devalue
en el subgrupo.subgroupAll(value)
: Muestra un valor verdadero sivalue
es verdadero para todas las invocaciones activas del subgrupo.subgroupAny(value)
: Muestra verdadero sivalue
es verdadero para cualquier invocación activa en el subgrupo.subgroupElect()
: Muestra verdadero si esta invocación tiene elsubgroup_invocation_id
más bajo entre las invocaciones activas del subgrupo.subgroupBroadcastFirst(value)
: Transmitevalue
desde la invocación activa con lasubgroup_invocation_id
más baja del subgrupo a todas las demás invocaciones activas.subgroupShuffle(value, id)
: Muestravalue
de la invocación activa cuyosubgroup_invocation_id
coincide conid
.subgroupShuffleXor(value, mask)
: Muestravalue
de la invocación activa cuyosubgroup_invocation_id
coincide consubgroup_invocation_id ^ mask
.mask
debe ser uniforme de forma dinámica.subgroupShuffleUp(value, delta)
: Muestravalue
de la invocación activa cuyosubgroup_invocation_id
coincide consubgroup_invocation_id - delta
.subgroupShuffleDown(value, delta)
: Muestravalue
de la invocación activa cuyosubgroup_invocation_id
coincide consubgroup_invocation_id + delta
.quadBroadcast(value, id)
: Emitevalue
desde la invocación cuádruple con un ID igual aid
.id
debe ser una expresión constante.quadSwapX(value)
: Intercambiavalue
entre invocaciones en el cuádruple en la dirección X.quadSwapY(value)
: Intercambiavalue
entre invocaciones en el cuádruple en la dirección Y.quadSwapDiagonal(value)
: Intercambiavalue
entre invocaciones en el cuadrante de forma diagonal.
Actualizaciones del amanecer
La struct wgpu::PrimitiveState
ahora incluye directamente la configuración de control de clips de profundidad, lo que elimina la necesidad de una struct wgpu::PrimitiveDepthClipControl
independiente. Para obtener más información, consulta el siguiente fragmento de código y la PR de webgpu-headers.
// Before
wgpu::PrimitiveState primitive = {};
wgpu::PrimitiveDepthClipControl depthClipControl;
depthClipControl.unclippedDepth = true;
primitive.nextInChain = &depthClipControl;
// Now
wgpu::PrimitiveState primitive = {};
primitive.unclippedDepth = true;
Esto solo abarca algunos de los aspectos más destacados. Consulta la lista exhaustiva de confirmaciones.
Novedades de WebGPU
Una lista de todo lo que se analizó en la serie Novedades de WebGPU.
Chrome 130
- Combinación de fuentes dobles
- Mejoras en el tiempo de compilación de sombreadores en Metal
- Obsolescencia de requestAdapterInfo() de GPUAdapter
- Actualizaciones de Dawn
Chrome 129
- Compatibilidad con HDR con el modo de ajuste de tonos del lienzo
- Mayor compatibilidad con subgrupos
- Actualizaciones de Dawn
Chrome 128
- Experimenta con subgrupos
- Se dio de baja la configuración del sesgo de profundidad para líneas y puntos
- Oculta la advertencia de DevTools de error no capturado si se usa preventDefault
- WGSL interpola el muestreo primero y, luego,
- Actualizaciones del amanecer
Chrome 127
- Compatibilidad experimental con OpenGL ES en Android
- Atributo de información de GPUAdapter
- Mejoras en la interoperabilidad de WebAssembly
- Se mejoraron los errores del codificador de comandos
- Actualizaciones de Dawn
Chrome 126
- Aumenta el límite de maxTextureArrayLayers
- Optimización de carga de búfer para el backend de Vulkan
- Mejoras en el tiempo de compilación del sombreador
- Los búferes de comandos enviados deben ser únicos
- Actualizaciones del amanecer
Chrome 125
- Subgrupos (función en desarrollo)
- Renderización en una porción de textura 3D
- Actualizaciones del amanecer
Chrome 124
- Texturas de almacenamiento de solo lectura y de lectura y escritura
- Asistencia para service workers y trabajadores compartidos
- Nuevos atributos de información del adaptador
- Correcciones de errores
- Actualizaciones del amanecer
Chrome 123
- Compatibilidad con funciones integradas de DP4a en WGSL
- Parámetros de puntero no restringido en WGSL
- Sintaxis enriquecida para la anulación de referencias de objetos compuestos en WGSL
- Estado de solo lectura independiente para los aspectos de plantilla y profundidad
- Actualizaciones del amanecer
Chrome 122
- Expande el alcance con el modo de compatibilidad (función en desarrollo)
- Aumento del límite de maxVertexAttributes
- Actualizaciones de Dawn
Chrome 121
- Compatibilidad con WebGPU en Android
- Usa DXC en lugar de FXC para la compilación de sombreadores en Windows
- Consultas de marca de tiempo en pases de renderización y procesamiento
- Puntos de entrada predeterminados a los módulos sombreadores
- Compatibilidad con display-p3 como espacio de color GPUExternalTexture
- Información sobre los montón de memoria
- Actualizaciones de Dawn
Chrome 120
- Compatibilidad con valores de punto flotante de 16 bits en WGSL
- Supera los límites
- Cambios en el estado del búfer de profundidad
- Actualizaciones de la información del adaptador
- Cuantización de consultas de marca de tiempo
- Funciones de limpieza de primavera
Chrome 119
- Texturas flotantes de 32 bits filtrables
- Formato de vértices unorm10-10-10-2
- Formato de textura rgb10a2uint
- Actualizaciones de Dawn
Chrome 118
- Compatibilidad con HTMLImageElement y ImageData en
copyExternalImageToTexture()
- Compatibilidad experimental con la textura de almacenamiento de lectura y escritura, y de solo lectura
- Actualizaciones de Dawn
Chrome 117
- Cómo anular el búfer de vértices
- Cómo anular el grupo de vinculaciones
- Silencia los errores de la creación de canalización asíncrona cuando se pierde el dispositivo
- Actualizaciones sobre la creación de módulos de sombreadores SPIR-V
- Cómo mejorar la experiencia de los desarrolladores
- Almacenamiento de canalizaciones en caché con diseño generado automáticamente
- Actualizaciones de Dawn
Chrome 116
- Integración de WebCodecs
- Dispositivo perdido que devuelve GPUAdapter
requestDevice()
- Mantener la reproducción de video fluida si se llama a
importExternalTexture()
- Cumplimiento de las especificaciones
- Cómo mejorar la experiencia de los desarrolladores
- Actualizaciones de Dawn
Chrome 115
- Extensiones de lenguaje WGSL compatibles
- Compatibilidad experimental con Direct3D 11
- Obtén una GPU discreta de forma predeterminada con alimentación de CA
- Cómo mejorar la experiencia de los desarrolladores
- Actualizaciones del amanecer
Chrome 114
- Optimiza JavaScript
- getCurrentTexture() en un lienzo sin configurar arroja InvalidStateError
- Actualizaciones de WGSL
- Actualizaciones de Dawn