Migliori siti con animazioni e applicazioni interattive 3D
Aggiornato il:
Migliori 30 siti web animati in assoluto da vedere, tutti in 3D e interattivi con la nuova tecnologia internet WebGL
Il WebGL è una delle tecnologie possibili per il web del futuro dove internet non sarà fatto solo da siti statici ma anche da applicazioni interattive 3D. Il WebGL è una tecnologia che viene attualmente promossa da Google e Mozilla e che estende la capacità dei Javascript per generare grafica 3D senza alcun plugin. In questa vetrina, vediamo i migliori 30 siti sperimentali sviluppati con WebGL che sono tutti da cliccare e da vedere perchè, in molti casi, spettacolari!
Per aprire questi siti è richiesto il browser Google Chrome oppure l'ultima versione di Firefox o di Safari; per il momento non sono visibili con Internet Explorer.
Ciascuno di questi siti, dopo averli aperti, vale la pena vederli a tutto schermo premendo il tasto F11 sulla tastiera.
LEGGI ANCHE: Migliori siti con animazioni e applicazioni interattive 3D
- Acquarium è un vero e proprio acquario dove viene simulato un ambiente sottomarino. La demo offre modelli 3D dei pesci con texture di alta qualità, animazioni, pixel shader e tutto il necessario per rendere l'immagine assolutamente realistica. Dal menu di sinistra, si può cambiare la telecamera e si può aumentare il numero di pesci.
- Dojacode è un video musicale in HTML5 che si può modificare in modo interattivo utilizzando la scrittura di codice quando viene richiesto, ed è davvero da provare.
- Attractors Trip è invece una demo interattiva dove si può sperimentare un viaggio in iperspazio in 3D. Si può accelerare con le frecce sulla tastiera su e giu e cambiare la rotazione con destra e sinistra.
- Jellyfish è la medusa riprodotta in modo scientifico e realistico.
- Wobble Dance è un bellissimo video dove una faccia si muove con una musica molto inquietante.
- Il sito Zoomquit è uno zoom infinito, con un'immagine che entra dentro l'altra, come se si entrasse in nuovi mondi.
- Ultranoir è un video animato in 3D che si integra con Twitter. Si può specificare un hashtag, magari quello più citato in Twitter oggi, è leggere i vari Tweet condotti da oggetti volanti, aerei, astronavi, il tutto condito da una musica romantica ed un'atmosfera rilassante. Muovendo il mouse e cliccando, si può cambiare la visuale.
- River Styx è un sito dove leggere ed ascoltare una storia animata che diventa come un gioco punta e clicca.
- In Acoustics si può personalizzare un'auto da zero con una web app in 3D davvero spettacolare.
- Sempre dedicato alle macchine è un altro sito in 3D: Material Cars dove sono riprodotti i modelli delle auto Lamborghini Gallardo, Bugatti Veyron, Ferrari F50 e Chevrolet Camaro e si può anche scegliere il colore.
- Terzo sito è WebGL Cars dove è possibile guidare due macchine da corsa viste in 3D con diverse inquadrature. Una macchina si guida con le freccette, l'altra con i tasti WASD; premendo B si mette l'effetto velocità mentre con la N si può impostare la vista Notte.
- Collectibles Printer è un'applicazione web dove è possibile creare una figura umana 3D tramite un semplice editor. Alla fine, si può condividere la propria creazione con un link.
- The Rational Keyboard è una tastiera in HTML5 che comprende una melodia armonica e dà la possibilità all'utente di suonare premendo i tasti che si spostano in modo fluido sullo schermo.
- Web Lab di Google è un set di esperimenti online tra cui, il migliore, è quello dell'orchestra dove si può suonare un sequencer interattivo. Esso è collegato, in diretta, con il Museo delle Scienze di Londra. C'è anche il Data Tracer per cercare immagini nel mondo, Teleporter, per vedere le webcam in altri paesi e Sketchbots per vedere la propria faccia disegnata.
- Sketch è una lavagna dove disegnare con il mouse; ogni disegno può essere girato a 360 gradi.
Altri bei siti di creazione sono nell'articolo Creare arte astratta e dipinti e disegni su internet
4) Giochi online in WebGL
- Pacman con vista in soggettiva FPS è stupendo, si tratta del gioco Pac Man in 3D che nemmeno sulla Playstation è mai uscito!
- Racer è un esperimento di corsa in modalità multiplayer, dove lo schermo del PC diventa la pista ed i giocatori dovranno prendere in mano il loro smartphone per gareggiare. Basta toccare lo schermo per accelerare e, anche se il circuito è regolare, bisogna evitare di finire fuori pista.
- Firecaster è un gioco davvero originale, dove bisogna sfruttare la macchina del tempo per superare i livelli. Si tratta di un puzzle game, in cui bisogna raggiungere il triangolo, completando il labirinto in più mosse ripetute che funzionano facendo entrare il cerchio nel box nero che fa da macchina del tempo.
- 3D City è un gioco dove bisogna creare la città ideale in 3D, simile a SimCity, ma più semplificato.
- Ball Pool dove si può giocare con le palle.
- Playmapscube è il gioco dove far rotolare una pallina dentro un cubo di Google Maps di cui ho parlato qualche mese fa, nell'articolo sui giochi basati su Google Maps, ambientati nel mondo reale.
5) Manipolazione di Foto
- Rutt-Etra-Izer è un'applicazione web dove è possible caricare una foto e vederla in 3D con un effetto molto particolare. Per salvare l'immagine si può premere il tasto S mentre sulla destra si può personalizzare la visualizzazione muovendo i vari parametri.
LEGGI ANCHE: Migliori giochi online in HTML5 da giocare gratis
- Kodeclubs è il sito di presentazione di un club di Golf davvero strabiliante. Ci si muove con un avatar a forma di blob personalizzabile all'interno del club per esplorarlo a piedi muovendosi come in un videogioco. Non mancano poi i mini giochi al suo interno che sono attivabili nei vari campi di allenamento del club: calcio, golf, piscina, tennis, basket e tanto altro.
- Fluid Reef è una'animazione musicale molto artistica, con forme 3D in movimento che è possibile guardare da angolazioni diverse usando il mouse e che possono essere agitate tenendo premuto il tasto sinistro del mouse.
- Dejavu è un sito che potremmo definire surrealista: si può caricare la propria foto frontale oppure uno scatto dalla webcam del PC per vedere la propria faccia muoversi a ritmo di musica, ruotando in un ambiente psicadelico un po' inquietante, ma sicuramente interessante e con gran qualità d'immagine.
- Fountain of YOuth è un sito animato con una storia, interattivo, dove scorrere la rotellina del mouse per andare avanti. Davvero una realizzazione grafica top.
- The Wilderness Downtown di Arcade Fire è un video interattivo in HTML5 dove I visitatori sono invitati ad inserire l'indirizzo di casa. Il sito, utilizzando Google Earth, crea un video musicale personalizzato che porta l'utente in una corsa a piedi per ritornare a casa. Nel video si apriranno varie finestrelle che mostrano i vari punti di vista della via di casa.
- WakeUp è un simpatico sito dimostrativo di una web agency, dove il visitatore gioca a svegliare il sito che dorme usando suoni, ciabattate, una mosca, la sveglia e tanto altro. Molto divertente e tutto animato in HTML5.
- Il sito di un'azienda di candele aromatiche è un viaggio in una storia animata molto bella da vedere e con una rilassante musica che ci accompagna nell'esplorazione interattiva. Da provare come sito anche perchè si tratta veramente di un'opera d'arte.
- Pysics of beauty è il sito artistico di un compositore in cui è possibile ascoltare alcune tracce di musica lounge rilassante accompagnate da animazioni immersive che catturano e tengono incollato l'occhio allo schermo senza stancare.
- Vought International è il vero sito ufficiale della finta azienda di supereroi Vought, dalla serie TV The Boys, con una visita interattiva agli uffici e video esclusivi tutti da vedere.
- TypaTone è un sito web ottimizzato per Chrome dove si suona con la tastiera.
- Google Gravity è un simpatico modo per cercare su Google, con i pezzi della pagina che cascano a terra.
Google Gravity è uno degli scherzi migliori di Google.
- WordFlights permette di vedere le rotte di tutti i principali Aerei, filtrandoli per compagnia.
Per aprire questi siti è richiesto il browser Google Chrome oppure l'ultima versione di Firefox o di Safari; per il momento non sono visibili con Internet Explorer.
Ciascuno di questi siti, dopo averli aperti, vale la pena vederli a tutto schermo premendo il tasto F11 sulla tastiera.
LEGGI ANCHE: Migliori siti con animazioni e applicazioni interattive 3D
Video interattivi
- Acquarium è un vero e proprio acquario dove viene simulato un ambiente sottomarino. La demo offre modelli 3D dei pesci con texture di alta qualità, animazioni, pixel shader e tutto il necessario per rendere l'immagine assolutamente realistica. Dal menu di sinistra, si può cambiare la telecamera e si può aumentare il numero di pesci.
- Dojacode è un video musicale in HTML5 che si può modificare in modo interattivo utilizzando la scrittura di codice quando viene richiesto, ed è davvero da provare.
- Attractors Trip è invece una demo interattiva dove si può sperimentare un viaggio in iperspazio in 3D. Si può accelerare con le frecce sulla tastiera su e giu e cambiare la rotazione con destra e sinistra.
- Jellyfish è la medusa riprodotta in modo scientifico e realistico.
- Wobble Dance è un bellissimo video dove una faccia si muove con una musica molto inquietante.
- Il sito Zoomquit è uno zoom infinito, con un'immagine che entra dentro l'altra, come se si entrasse in nuovi mondi.
- Ultranoir è un video animato in 3D che si integra con Twitter. Si può specificare un hashtag, magari quello più citato in Twitter oggi, è leggere i vari Tweet condotti da oggetti volanti, aerei, astronavi, il tutto condito da una musica romantica ed un'atmosfera rilassante. Muovendo il mouse e cliccando, si può cambiare la visuale.
- River Styx è un sito dove leggere ed ascoltare una storia animata che diventa come un gioco punta e clicca.
Automobili
Tre siti bellissimi sono dedicati agli amanti delle auto da corsa e della Ferrari da Formula uno.- In Acoustics si può personalizzare un'auto da zero con una web app in 3D davvero spettacolare.
- Sempre dedicato alle macchine è un altro sito in 3D: Material Cars dove sono riprodotti i modelli delle auto Lamborghini Gallardo, Bugatti Veyron, Ferrari F50 e Chevrolet Camaro e si può anche scegliere il colore.
- Terzo sito è WebGL Cars dove è possibile guidare due macchine da corsa viste in 3D con diverse inquadrature. Una macchina si guida con le freccette, l'altra con i tasti WASD; premendo B si mette l'effetto velocità mentre con la N si può impostare la vista Notte.
Creazione
- Collectibles Printer è un'applicazione web dove è possibile creare una figura umana 3D tramite un semplice editor. Alla fine, si può condividere la propria creazione con un link.
- The Rational Keyboard è una tastiera in HTML5 che comprende una melodia armonica e dà la possibilità all'utente di suonare premendo i tasti che si spostano in modo fluido sullo schermo.
- Web Lab di Google è un set di esperimenti online tra cui, il migliore, è quello dell'orchestra dove si può suonare un sequencer interattivo. Esso è collegato, in diretta, con il Museo delle Scienze di Londra. C'è anche il Data Tracer per cercare immagini nel mondo, Teleporter, per vedere le webcam in altri paesi e Sketchbots per vedere la propria faccia disegnata.
- Sketch è una lavagna dove disegnare con il mouse; ogni disegno può essere girato a 360 gradi.
Altri bei siti di creazione sono nell'articolo Creare arte astratta e dipinti e disegni su internet
4) Giochi online in WebGL
- Pacman con vista in soggettiva FPS è stupendo, si tratta del gioco Pac Man in 3D che nemmeno sulla Playstation è mai uscito!
- Racer è un esperimento di corsa in modalità multiplayer, dove lo schermo del PC diventa la pista ed i giocatori dovranno prendere in mano il loro smartphone per gareggiare. Basta toccare lo schermo per accelerare e, anche se il circuito è regolare, bisogna evitare di finire fuori pista.
- Firecaster è un gioco davvero originale, dove bisogna sfruttare la macchina del tempo per superare i livelli. Si tratta di un puzzle game, in cui bisogna raggiungere il triangolo, completando il labirinto in più mosse ripetute che funzionano facendo entrare il cerchio nel box nero che fa da macchina del tempo.
- 3D City è un gioco dove bisogna creare la città ideale in 3D, simile a SimCity, ma più semplificato.
- Ball Pool dove si può giocare con le palle.
- Playmapscube è il gioco dove far rotolare una pallina dentro un cubo di Google Maps di cui ho parlato qualche mese fa, nell'articolo sui giochi basati su Google Maps, ambientati nel mondo reale.
5) Manipolazione di Foto
- Rutt-Etra-Izer è un'applicazione web dove è possible caricare una foto e vederla in 3D con un effetto molto particolare. Per salvare l'immagine si può premere il tasto S mentre sulla destra si può personalizzare la visualizzazione muovendo i vari parametri.
LEGGI ANCHE: Migliori giochi online in HTML5 da giocare gratis
Altri siti interattivi
- Kodeclubs è il sito di presentazione di un club di Golf davvero strabiliante. Ci si muove con un avatar a forma di blob personalizzabile all'interno del club per esplorarlo a piedi muovendosi come in un videogioco. Non mancano poi i mini giochi al suo interno che sono attivabili nei vari campi di allenamento del club: calcio, golf, piscina, tennis, basket e tanto altro.
- Fluid Reef è una'animazione musicale molto artistica, con forme 3D in movimento che è possibile guardare da angolazioni diverse usando il mouse e che possono essere agitate tenendo premuto il tasto sinistro del mouse.
- Dejavu è un sito che potremmo definire surrealista: si può caricare la propria foto frontale oppure uno scatto dalla webcam del PC per vedere la propria faccia muoversi a ritmo di musica, ruotando in un ambiente psicadelico un po' inquietante, ma sicuramente interessante e con gran qualità d'immagine.
- Fountain of YOuth è un sito animato con una storia, interattivo, dove scorrere la rotellina del mouse per andare avanti. Davvero una realizzazione grafica top.
- The Wilderness Downtown di Arcade Fire è un video interattivo in HTML5 dove I visitatori sono invitati ad inserire l'indirizzo di casa. Il sito, utilizzando Google Earth, crea un video musicale personalizzato che porta l'utente in una corsa a piedi per ritornare a casa. Nel video si apriranno varie finestrelle che mostrano i vari punti di vista della via di casa.
- WakeUp è un simpatico sito dimostrativo di una web agency, dove il visitatore gioca a svegliare il sito che dorme usando suoni, ciabattate, una mosca, la sveglia e tanto altro. Molto divertente e tutto animato in HTML5.
- Il sito di un'azienda di candele aromatiche è un viaggio in una storia animata molto bella da vedere e con una rilassante musica che ci accompagna nell'esplorazione interattiva. Da provare come sito anche perchè si tratta veramente di un'opera d'arte.
- Pysics of beauty è il sito artistico di un compositore in cui è possibile ascoltare alcune tracce di musica lounge rilassante accompagnate da animazioni immersive che catturano e tengono incollato l'occhio allo schermo senza stancare.
- Vought International è il vero sito ufficiale della finta azienda di supereroi Vought, dalla serie TV The Boys, con una visita interattiva agli uffici e video esclusivi tutti da vedere.
- TypaTone è un sito web ottimizzato per Chrome dove si suona con la tastiera.
- Google Gravity è un simpatico modo per cercare su Google, con i pezzi della pagina che cascano a terra.
Google Gravity è uno degli scherzi migliori di Google.
- WordFlights permette di vedere le rotte di tutti i principali Aerei, filtrandoli per compagnia.
Posta un commento