Supporto HDR con modalità di mappatura tonale della tela
Gli sviluppatori web hanno opzioni limitate per la pubblicazione di contenuti HDR, basandosi principalmente sugli elementi <img>
e <video>
. L'elemento <canvas>
, tuttavia, rimane limitato a SDR. La generazione di contenuti HDR dinamici all'interno di una tela richiede la codifica dei contenuti come immagine HDR prima della visualizzazione (per un esempio, consulta questa demo).
Il nuovo parametro GPUCanvasToneMappingMode
nella configurazione canvas WebGPU ora consente a WebGPU di disegnare colori più brillanti del bianco (#FFFFFF
), tramite le seguenti modalità:
"standard"
: il comportamento predefinito limita i contenuti all'intervallo SDR dello schermo. Questa modalità viene eseguita fissando tutti i valori di colore nello spazio colore dello schermo all'intervallo[0, 1]
."extended"
: sblocca l'intera gamma HDR dello schermo. Questa modalità corrisponde a"standard"
nell'intervallo[0, 1]
dello schermo. Il clipping o la proiezione viene eseguito in base alla gamma dinamica estesa dello schermo, ma non a[0, 1]
.
Il seguente snippet di codice mostra come configurare una tela per l'alta gamma dinamica.
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" },
});
Esplora l'HDR con WebGPU consultando l'esempio di particelle (HDR) e l'esempio HDR di WebGPU e consulta la voce di chromestatus.
Supporto dei sottogruppi espansi
In seguito all'annuncio della sperimentazione dei sottogruppi, le funzioni integrate dei sottogruppi sono ora disponibili per l'uso sia in Compute Shar che in Snippet Shader. Non sono più limitati solo agli shader di calcolo. Vedi issue 354738715.
Tieni presente che il valore predefinito subgroup_size
è attualmente buggato negli shader di frammento. Evitalo per il momento.
Inoltre, sono state aggiunte le seguenti funzioni predefinite per i sottogruppi:
subgroupAdd(value)
: restituisce la somma di tutte le chiamate attivevalue
nel sottogruppo.subgroupExclusiveAdd(value)
: restituisce la somma della scansione esclusiva di tutte le chiamate attivevalue
nel sottogruppo.subgroupMul(value)
: restituisce la moltiplicazione di tutti ivalue
di chiamate attive nel sottogruppo.subgroupExclusiveMul(value)
: restituisce la moltiplicazione della ricerca esclusiva di tutte le invocazioni attivevalue
nel sottogruppo.subgroupAnd(value)
: restituisce l'operazione AND binaria di tutte le chiamate attivevalue
nel sottogruppo.subgroupOr(value)
: restituisce l'OR binario di tutte le invocazioni attivevalue
nel sottogruppo.subgroupXor(value)
: restituisce lo XOR binario di tutte le chiamate attivevalue
nel sottogruppo.subgroupMin(value)
: restituisce il valore minimo di tutte le invocazioni attivevalue
nel sottogruppo.subgroupMax(value)
: restituisce il valore massimo di tutte le chiamatevalue
attive nel sottogruppo.subgroupAll(value)
: restituisce true sevalue
è true per tutte le invocazioni attive nel sottogruppo.subgroupAny(value)
: restituisce true sevalue
è true per qualsiasi chiamata attiva nel sottogruppo.subgroupElect()
: restituisce true se questa chiamata ha il valoresubgroup_invocation_id
più basso tra le chiamate attive nel sottogruppo.subgroupBroadcastFirst(value)
: trasmettevalue
dalla chiamata attiva con ilsubgroup_invocation_id
più basso nel sottogruppo a tutte le altre chiamate attive.subgroupShuffle(value, id)
: restituiscevalue
dalla chiamata attiva il cuisubgroup_invocation_id
corrisponde aid
.subgroupShuffleXor(value, mask)
: restituiscevalue
dall'invocazione attiva il cuisubgroup_invocation_id
corrisponde asubgroup_invocation_id ^ mask
.mask
deve essere uniforme in modo dinamico.subgroupShuffleUp(value, delta)
: restituiscevalue
dall'invocazione attiva il cuisubgroup_invocation_id
corrisponde asubgroup_invocation_id - delta
.subgroupShuffleDown(value, delta)
: restituiscevalue
dalla chiamata attiva il cuisubgroup_invocation_id
corrisponde asubgroup_invocation_id + delta
.quadBroadcast(value, id)
: trasmettevalue
dalla chiamata quad con ID uguale aid
.id
deve essere un'espressione costante.quadSwapX(value)
: scambiavalue
tra le invocazioni nel quad nella direzione X.quadSwapY(value)
: scambiavalue
tra le invocazioni nel quad nella direzione Y.quadSwapDiagonal(value)
: scambiavalue
tra le invocazioni nel quad in diagonale.
Aggiornamenti di Dawn
La struttura wgpu::PrimitiveState
ora include direttamente l'impostazione di controllo del clip di profondità, eliminando la necessità di una struttura wgpu::PrimitiveDepthClipControl
separata. Per scoprire di più, consulta il seguente snippet di codice e il PR webgpu-headers.
// Before
wgpu::PrimitiveState primitive = {};
wgpu::PrimitiveDepthClipControl depthClipControl;
depthClipControl.unclippedDepth = true;
primitive.nextInChain = &depthClipControl;
// Now
wgpu::PrimitiveState primitive = {};
primitive.unclippedDepth = true;
Sono riportati solo alcuni punti salienti. Consulta l'elenco completo dei commit.
Novità di WebGPU
Un elenco di tutti gli argomenti trattati nella serie Novità di WebGPU.
Chrome 131
- Tagliare le distanze in WGSL
- GPUCanvasContext getConfiguration()
- Gli elementi primitivi punto e linea non devono avere bias di profondità
- Funzioni integrate di scansione inclusiva per i sottogruppi
- Supporto sperimentale per il disegno indiretto multiplo
- Opzione di compilazione del modulo shader matematica rigorosa
- Rimuovi requestAdapterInfo() di GPUAdapter
- Aggiornamenti di Dawn
Chrome 130
- Combinazione di due sorgenti
- Miglioramenti dei tempi di compilazione degli Shader su metal
- Obsoletezza di requestAdapterInfo() di GPUAdapter
- Aggiornamenti di Dawn
Chrome 129
- Supporto HDR con modalità di mappatura tonale della tela
- Supporto dei sottogruppi ampliato
- Aggiornamenti di Dawn
Chrome 128
- Esperimenti con i sottogruppi
- Ritiro dell'impostazione della bias di profondità per linee e punti
- Nascondi avviso di errore non acquisito se preventDefault
- WGSL esegue prima l'interpolazione del campionamento e poi
- Aggiornamenti di Dawn
Chrome 127
- Supporto sperimentale per OpenGL ES su Android
- Attributo info di GPUAdapter
- Miglioramenti all'interoperabilità di WebAssembly
- Errori dell'encoder dei comandi migliorati
- Aggiornamenti di Dawn
Chrome 126
- Aumentare il limite di maxTextureArrayLayers
- Ottimizzazione del caricamento del buffer per il backend Vulkan
- Miglioramenti ai tempi di compilazione degli shader
- Gli spazi dei comandi inviati devono essere univoci
- Aggiornamenti di Dawn
Chrome 125
- Sottogruppi (funzionalità in fase di sviluppo)
- Esegui il rendering su una porzione della texture 3D
- Aggiornamenti di Dawn
Chrome 124
- Texture di archiviazione di sola lettura e di lettura e scrittura
- Supporto di worker di servizio e worker condivisi
- Nuovi attributi delle informazioni sull'adattatore
- Correzioni di bug
- Aggiornamenti sull'alba
Chrome 123
- Supporto delle funzioni integrate DP4a in WGSL
- Parametri del cursore non soggetti a limitazioni in WGSL
- Sintassi alternativa per il dereferenziamento dei compositi in WGSL
- Stato di sola lettura separato per gli aspetti di stencil e profondità
- Aggiornamenti sull'alba
Chrome 122
- Ampliare la copertura con la modalità di compatibilità (funzionalità in fase di sviluppo)
- Aumenta il limite maxVertexAttributes
- Aggiornamenti sull'alba
Chrome 121
- Supporta WebGPU su Android
- Usa DXC al posto di FXC per la compilazione dello shaker su Windows
- Query sui timestamp nei passaggi di calcolo e rendering
- Punti di contatto predefiniti per i moduli shader
- Supporto di display-p3 come spazio colore GPUExternalTexture
- Informazioni sugli heap di memoria
- Aggiornamenti sull'alba
Chrome 120
- Supporto dei valori in virgola mobile a 16 bit in WGSL
- Supera i limiti
- Modifiche allo stato della maschera di profondità
- Aggiornamenti delle informazioni sugli adattatori
- Quantizzazione delle query sui timestamp
- Funzionalità per le pulizie di primavera
Chrome 119
- Texture con formato a virgola mobile 32 bit filtrabili
- formato vertex unorm10-10-10-2
- Formato texture rgb10a2uint
- Aggiornamenti sull'alba
Chrome 118
- Supporto di HTMLImageElement e ImageData in
copyExternalImageToTexture()
- Supporto sperimentale per la texture di archiviazione in lettura/scrittura e sola lettura
- Aggiornamenti di Dawn
Chrome 117
- Annulla impostazione vertex buffer
- Reimpostare il gruppo di associazione
- Ignorare gli errori della creazione della pipeline asincrona quando il dispositivo viene smarrito
- Aggiornamenti sulla creazione di moduli shader SPIR-V
- Migliorare l'esperienza degli sviluppatori
- Pipeline di memorizzazione nella cache con layout generato automaticamente
- Aggiornamenti sull'alba
Chrome 116
- Integrazione di WebCodecs
- Dispositivo smarrito restituito da GPUAdapter
requestDevice()
- Mantenere la riproduzione video fluida se viene chiamato
importExternalTexture()
- Conformità alle specifiche
- Miglioramento dell'esperienza degli sviluppatori
- Aggiornamenti di Dawn
Chrome 115
- Estensioni di lingua WGSL supportate
- Supporto sperimentale per Direct3D 11
- Ottenere una GPU discreta per impostazione predefinita con alimentazione CA
- Miglioramento dell'esperienza degli sviluppatori
- Aggiornamenti sull'alba
Chrome 114
- JavaScript di Optimize
- getCurrentTexture() su canvas non configurato genera un errore InvalidStateError
- Aggiornamenti WGSL
- Aggiornamenti di Dawn