Attualità

L’evoluzione della grafica sul web

Le capacità di calcolo dei nuovi PC hanno esteso anche al browser la possibilità di effettuare rendering complessi: ecco quali opportunità offre in ambito aziendale.

Pubblicato il 07 Nov 2022

AI Questions Icon
Chiedi all'AI
Riassumi questo articolo
Approfondisci con altre fonti
grafica sul web

Il settore della computer grafica è stato uno dei comparti dell’informatica che negli ultimi due decenni ha registrato un’evoluzione inarrestabile. Trainato dalle esigenze sempre più complesse dell’industria produttiva, del cinema e dei videogiochi, lo sviluppo della computer grafica ha richiesto ai produttori di hardware di uscire sul mercato con hardware sempre più performante e dai costi accessibili. E se, ovviamente, le ultime schede video (GPU) non sono ancora alla portata delle tasche di tutti, è comunque sbalorditivo il delta di prezzo rispetto al costo di una workstation dedicata degli anni Novanta.

Questo progresso nella qualità dell’hardware è stato significativo soprattutto nei computer domestici, che hanno montato schede video e processori sempre più potenti, per beneficiare di applicativi per il rendering professionale o di intrattenimento. La successiva evoluzione del web e il successo della formula di applicazioni in cloud, ha fatto sì che molti importanti produttori software iniziassero a valutare la possibilità di offrire le proprie piattaforme di rendering non solo più come eseguibili desktop ma come soluzioni SAAS (Software As A Service).

Le motivazioni alla base di questa valutazione sono diverse, non ultima quella di sfruttare la potenza di elaborazione lato server per abbattere i costi di on boarding per gli utenti, che per utilizzare il software non sono più costretti all’acquisto di gravose licenze, ma possono usufruirne on demand o dietro al pagamento di un canone contenuto.

Computer grafica SAAS: non solo 2D

Inizialmente, la proposta di applicazioni grafiche SAAS era limitata solo ai software di fotoritocco o di disegno vettoriale, che richiedevano relativamente meno potenza di elaborazione. Nell’ultimo decennio, però, il successo del cloud ha fatto sì che sempre più aziende avessero a disposizione soluzioni di elaborazione lato server di semplice configurazione e dai costi più contenuti.

I produttori di software hanno iniziato perciò a sfruttare le infrastrutture rese disponibili da provider cloud come AWS o Google per trasformare i software di elaborazione 3D in prodotti fruibili in modalità SAAS. La stessa industria videoludica ha investito per offrire soluzioni di rendering 3D che semplificassero l’accesso all’esperienza di gioco, permettendo di lanciare un applicativo 3D direttamente dal browser, senza necessitare di installazioni di librerie specifiche sul desktop.

Basandosi sulle specifiche di OpenGL ES 2.0, Khronos Group, un’organizzazione non profit, ha sviluppato la libreria WebGL: un insieme di routine in grado di gestire il rendering in 3D in una finestra del browser, più specificamente in un Canvas HTML5. La libreria, infatti, è sviluppata in Java Script, è compatibile con tutti i browser più moderni e non richiede nessuna configurazione lato utente.

La libreria WebGL

WebGL rappresentò sin dall’inizio un’evoluzione netta rispetto alle limitate capacità 3D offerte dai CSS, che ai tempi offrivano la proprietà “3D Transform”, le cui applicazioni erano però ridotte. WebGL offre la possibilità di effettuare rendering in tempo reale di grafica accelerata anche complessa, senza richiedere plug-in. La comodità di WebGL è che le sue API possono essere eseguite tramite delle chiamate in Java Script, rendendo così il rendering integrabile comodamente con il DOM (Document Object Model), ossia la struttura che governa il flusso HTML di una pagina web. Per essere utilizzata in un sito web, tutto ciò di cui necessita WebGL è che venga dichiarato un canvas nel body della pagina, dopo di che si può iniziare a effettuare l’inizializzazione della libreria, istanziandone il contesto con del codice Java Script.
Questa semplicità di integrazione ha fatto sì che WebGL diventasse sin dal suo primo rilascio un punto di riferimento per tutti gli sviluppatori software che intendevano lavorare con applicazioni 3D in un browser web. In poco tempo è sorta una community di applicazioni 3D che spaziano dagli engine per il rendering in 3D in tempo reale fino a veri e propri ambienti di modellazione 3D, richiamabili direttamente all’interno del proprio browser.

Due esempi di questo tipo di applicazioni, entrambe open source, sono Phaser e WebGL Studio. Phaser è un motore per gestire il rendering di modelli 3D e associarli a una gestione degli eventi in Java Script, che permette di creare simulazioni interattive. WebGL Studio è un software di modellazione 3D che offre funzionalità avanzate di shading, texturing e modellazione.

Applicazioni per aziende

La disponibilità di una libreria per gestire rendering tridimensionali direttamente nel browser ha acceso subito l’interesse delle major operanti nel settore. L’applicazione forse più famosa che impiega WebGL è Google Maps, che impiega la libreria per disegnare alcuni elementi della navigazione utente.

Un’altra applicazione apprezzata da numerosi professionisti è stata quella rilasciata da Autodesk, che permette di esportare i modelli AutoCAD in formato HTML, in modo da renderli gestibili all’interno di una pagina web. Anche l’e-commerce ha beneficiato delle potenzialità offerte da WebGL. Si è assistito in questi anni, infatti, a shop online che offrono la possibilità di consultare cataloghi in 3D: in questo modo il potenziale utente può vedere tutti i dettagli del prodotto ed averne un’anteprima più soddisfacente.
Questi sono solo alcuni esempi. Online è possibile trovare una numerosa selezione di attività commerciali che impiegano WebGL per offrire servizi ai propri clienti. Si spazia dalle agenzie immobiliari o dagli studi di design d’interni, che permettono di avere un’anteprima dell’immobile o addirittura di arredarlo posizionando elementi 3D, fino a idee innovative, in certi casi legate anche al mondo della stampa 3D.

Valuta la qualità di questo articolo

La tua opinione è importante per noi!

Partecipa alla community

guest
0 Commenti
Più recenti Più votati
Inline Feedback
Vedi tutti i commenti

DATA CENTER HUB

Tutti
I PROTAGONISTI
GUIDE
RICERCHE
APPROFONDIMENTI
Leggi l'articolo Continuità elettrica nei data center: le soluzioni FIAMM tra UPS e accumulo energetico
l'identikit
Continuità elettrica nei data center: le soluzioni FIAMM tra UPS e accumulo energetico
Leggi l'articolo Data center, gestione dell’energia e architetture critiche con Schneider Electric
l'identikit
Data center, gestione dell’energia e architetture critiche con Schneider Electric
Leggi l'articolo Data center, la region Azure in Italia di Microsoft
l'identikit
Data center, la region Azure in Italia di Microsoft
Leggi l'articolo Sviluppo dei data center, l’approccio integrato di Deerns
l'identikit
Sviluppo dei data center, l’approccio integrato di Deerns
Leggi l'articolo Campus data center e interconnessione: come si sviluppa l’ecosistema Equinix
l'identikit
Campus data center e interconnessione: come si sviluppa l’ecosistema Equinix
Leggi l'articolo Continuità elettrica per i data center: le soluzioni di Riello UPS
l'identikit
Continuità elettrica per i data center: le soluzioni di Riello UPS
Leggi l'articolo Data center, le 50 parole chiave
glossario
Data center, le 50 parole chiave
Leggi l'articolo Equans, un approccio end-to-end per i nuovi data center
l'identikit
Equans, un approccio end-to-end per i nuovi data center
Leggi l'articolo Munters, il raffreddamento che sostiene l’evoluzione dei data center
l'identikit
Munters, il raffreddamento che sostiene l’evoluzione dei data center
Leggi l'articolo Elettrificazione e distribuzione elettrica ad alta efficienza secondo ABB
L'identikit
Elettrificazione e distribuzione elettrica ad alta efficienza secondo ABB
Leggi l'articolo Dallo staffaggio alla protezione antincendio: l’offerta Hilti per i data center
l'identikit
Dallo staffaggio alla protezione antincendio: l’offerta Hilti per i data center
Leggi l'articolo Come HiRef ottimizza il raffreddamento e l’efficienza energetica dei data center
l'identikit
Come HiRef ottimizza il raffreddamento e l’efficienza energetica dei data center
Leggi l'articolo Data center in Italia: come cambia l’ecosistema della filiera
VADEMECUM
Data center in Italia: come cambia l’ecosistema della filiera
Leggi l'articolo La corsa all’AI fa esplodere la domanda energetica dei data center
Lo studio
La corsa all’AI fa esplodere la domanda energetica dei data center
Leggi l'articolo Dal data center all’AI factory: cosa serve sapere prima di investire
Vademecum
Dal data center all’AI factory: cosa serve sapere prima di investire
Leggi l'articolo Consumi AI data center: ABB scommette sulla corrente continua
Energy efficiency
Consumi AI data center: ABB scommette sulla corrente continua
Leggi l'articolo Data center, cresce l’appeal del mercato italiano per i capitali
L'analisi
Data center, cresce l’appeal del mercato italiano per i capitali
Leggi l'articolo Data center “lights-out”: quanto manca all’infrastruttura autonoma
vademecum
Data center “lights-out”: quanto manca all’infrastruttura autonoma
Leggi l'articolo Etichetta UE per i data center: più trasparenza sui consumi
L'approfondimento
Etichetta UE per i data center: più trasparenza sui consumi
Leggi l'articolo Data center, Becker: “La sovranità digitale passa dalla dimensione regionale”
L'intervista
Data center, Becker: “La sovranità digitale passa dalla dimensione regionale”
Leggi l'articolo Continuità elettrica nei data center: le soluzioni FIAMM tra UPS e accumulo energetico
l'identikit
Continuità elettrica nei data center: le soluzioni FIAMM tra UPS e accumulo energetico
Leggi l'articolo Data center, gestione dell’energia e architetture critiche con Schneider Electric
l'identikit
Data center, gestione dell’energia e architetture critiche con Schneider Electric
Leggi l'articolo Data center, la region Azure in Italia di Microsoft
l'identikit
Data center, la region Azure in Italia di Microsoft
Leggi l'articolo Sviluppo dei data center, l’approccio integrato di Deerns
l'identikit
Sviluppo dei data center, l’approccio integrato di Deerns
Leggi l'articolo Campus data center e interconnessione: come si sviluppa l’ecosistema Equinix
l'identikit
Campus data center e interconnessione: come si sviluppa l’ecosistema Equinix
Leggi l'articolo Continuità elettrica per i data center: le soluzioni di Riello UPS
l'identikit
Continuità elettrica per i data center: le soluzioni di Riello UPS
Leggi l'articolo Data center, le 50 parole chiave
glossario
Data center, le 50 parole chiave
Leggi l'articolo Equans, un approccio end-to-end per i nuovi data center
l'identikit
Equans, un approccio end-to-end per i nuovi data center
Leggi l'articolo Munters, il raffreddamento che sostiene l’evoluzione dei data center
l'identikit
Munters, il raffreddamento che sostiene l’evoluzione dei data center
Leggi l'articolo Elettrificazione e distribuzione elettrica ad alta efficienza secondo ABB
L'identikit
Elettrificazione e distribuzione elettrica ad alta efficienza secondo ABB
Leggi l'articolo Dallo staffaggio alla protezione antincendio: l’offerta Hilti per i data center
l'identikit
Dallo staffaggio alla protezione antincendio: l’offerta Hilti per i data center
Leggi l'articolo Come HiRef ottimizza il raffreddamento e l’efficienza energetica dei data center
l'identikit
Come HiRef ottimizza il raffreddamento e l’efficienza energetica dei data center
Leggi l'articolo Data center in Italia: come cambia l’ecosistema della filiera
VADEMECUM
Data center in Italia: come cambia l’ecosistema della filiera
Leggi l'articolo La corsa all’AI fa esplodere la domanda energetica dei data center
Lo studio
La corsa all’AI fa esplodere la domanda energetica dei data center
Leggi l'articolo Dal data center all’AI factory: cosa serve sapere prima di investire
Vademecum
Dal data center all’AI factory: cosa serve sapere prima di investire
Leggi l'articolo Consumi AI data center: ABB scommette sulla corrente continua
Energy efficiency
Consumi AI data center: ABB scommette sulla corrente continua
Leggi l'articolo Data center, cresce l’appeal del mercato italiano per i capitali
L'analisi
Data center, cresce l’appeal del mercato italiano per i capitali
Leggi l'articolo Data center “lights-out”: quanto manca all’infrastruttura autonoma
vademecum
Data center “lights-out”: quanto manca all’infrastruttura autonoma
Leggi l'articolo Etichetta UE per i data center: più trasparenza sui consumi
L'approfondimento
Etichetta UE per i data center: più trasparenza sui consumi
Leggi l'articolo Data center, Becker: “La sovranità digitale passa dalla dimensione regionale”
L'intervista
Data center, Becker: “La sovranità digitale passa dalla dimensione regionale”