GPU nel browser. Per filtri AR, configuratori di prodotto, visualizzazioni dati — dove il 2D non basta.
Categoria · Frontend & UI
La GPU nel browser.
WebGL dà a JavaScript accesso diretto alla scheda grafica e renderizza grafica 2D e 3D in tempo reale nel browser, senza plugin. Three.js è la libreria che traduce l'API WebGL grezza e vicina all'hardware in concetti maneggevoli: scena, telecamera, luce, materiale.
In questo modo girano in modo fluido contenuti per cui il normale DOM e i CSS non sono pensati.
Dove il 2D non basta.
Usiamo WebGL dove la spazialità o la grafica in tempo reale fanno parte del prodotto: configuratori di prodotto con cui i clienti ruotano e personalizzano un oggetto, filtri AR, grandi visualizzazioni di dati interattive. Ovunque migliaia di elementi animati debbano restare fluidi simultaneamente.
Lo sforzo che c'è dietro.
Il 3D sul web è costoso: gli asset vanno ottimizzati, le prestazioni testate su dispositivi deboli e l'accessibilità risolta a parte. Per la pura informazione una rappresentazione 2D è più rapida, più economica e più accessibile. WebGL regge solo quando è l'esperienza stessa a essere il valore aggiunto.