Santa Cloud
La Gaming App 3D in WebGL e WebSocket. Scopri chi tenta di rubare il Natale.
Il gioco dell’innovazione
Santa Cloud è un gioco multipiattaforma 3D per web. Ci siamo divertiti a pensare come il Grinch potesse impedire a Babbo Natale di consegnare i suoi regali in tempo, ma ancora più appassionante è stata l’esplorazione delle tecnologie webGL, WebSocket e HTML5 per la manipolazione e gestione di elementi in grafica 3D direttamente nei browser web.
Quali saranno le prossime esperienze innovative?
Manipoleremo oggetti 3D? Sì, presto.
Nuove esperienze innovative sono alle porte per cambiare il paradigma di interazione di interfacce/prodotti web.
La tecnologia WebSocket permette di creare canali di connessione full-duplex attraverso una singola connessione TCP (per esempio è possibile connettere lo smartphone al desktop ed utilizzare lo smartphone come controller del monitor).
Tramite la libreria Three.js abbiamo potuto sfruttare la tecnologia WebGL, un’API JavaScript in grado di fornire prestazioni native per il rendering di grafica 2D e 3D interattiva e utilizzabile su qualsiasi browser Web.
Caratterizzare i personaggi.
I personaggi e l’ambientazione del gioco sono stati creati tramite software di modellazione 3D nello specifico Cinema4D e Blender.
Le mesh (oggetti 3D) sono state poi ottimizzate e ricostruite nell’ambiente WebGL, in cui abbiamo applicato e creato l’illuminazione dell’ambiente, i materiali, le mappature delle trame.
Successivamente è stata affrontata l’interazione utente/oggetti sfruttando un motore di simulazione per i movimenti fisici negli applicativi.
Un nuovo web, arricchito.
L’originalità della soluzione sta nel fatto che WebGL è una tecnologia compatibile con tutti i browser moderni che permette di pubblicare scene e modelli 3D su una pagina web senza l’utilizzo di plugin. Permette di offrire esperienze nuove, più ricche e sicure sia in ambiente ludico che di apprendimento. Cambia l’esperienza di utilizzo, cambiano le abitudini degli utenti.
Prestazioni e tecnica.
WebGL è la soluzione ideale per uno showcase o configuratore che presenta prodotti e oggetti esaminabili in dettaglio a 360° e configurabili con una gamma di finiture e varianti. Questa tecnologia si rivela particolarmente vantaggiosa per imprese produttrici, designer e progettisti, in quanto i modelli 3D derivano direttamente dai files CAD di progetto. La grafica 3D real-time permette di presentare ricostruzioni di oggetti animate e corredate di didascalie, create anche in sinergia con le nuove tecnologie di scansione 3D.
Arricchire l’esperienza degli utenti.
Le aspettative degli utenti circa la qualità e l’innovatività delle esperienze vissute su un sito web sono notevolmente cresciute, e continueranno a farlo. Grazie a questa esperienza pensiamo di incontrare e soddisfare tali aspettative offrendo contenuti a più alto valore aggiunto nei nostri progetti.
I primi riconoscimenti sono venuti da Awwwards in collaborazione con Google, che ci ha premiati nella categoria “Mobile excellence”. Preparatevi ad altro.
Nel frattempo fatevi una partita con Santa Cloud, e buon divertimento!
