WebGL è un’API JavaScript basata sul noto standard grafico OpenGL 3D, e dà a JavaScript un accesso senza plugin all’hardware grafico, attraverso l’elemento canvas di HTML5. È grazie a WebGL che possiamo includere grafica 3D in tempo reale nelle pagine web.
Anche Apple sta supportando lo standard, quindi possiamo (speriamo!) aspettarci di vederlo spuntare in Safari su Mac, iPhone e iPad prima o poi (anche se probabilmente non presto) – e Opera sta testando la propria versione, quindi l’unica esclusa è Microsoft.
Così sedetevi, mettete in moto il vostro ultimo browser, e date un’occhiata a queste demo – se pensate di poter fare meglio, fatelo: ci sono alcuni suggerimenti e consigli su come alla fine.
Pasta
L’illuminazione multicolore e un’interessante applicazione di luci e ombre sono messe a buon effetto in questa drammatica valanga di maccheroni in slow-motion. È stranamente ipnotizzante.
Just a Reflector
Just a Reflector è un video musicale interattivo creato da Google Data Arts Team e Unit 9 per gli Arcade Fire. Qui sopra c’è il video di YouTube (non interattivo), e puoi raggiungere la versione interattiva qui.
Nouvelle Vague
La premessa di Nouvelle Vague di ultranoir è relativamente semplice: prendere alcuni tweet e metterli in un paesaggio 3D. Questo, tuttavia, non rende giustizia a questo particolare sito. Nouvelle Vague ha tutti i tipi di veicoli volanti tra cui un biplano, un dirigibile e alcuni palloni. Tutti questi modelli brillantemente realizzati – costruiti e animati in Blender dagli artisti e poi importati nella scena WebGL – portano i tweet e girano intorno a una gigantesca statua centrale. È un sito molto surreale ed è molto ben fatto.
Chemdoodle: MolGrabber 3D
Come ci si può aspettare da una nuova tecnologia, ci sono molte persone che usano WebGL per fare demo interessanti, e meno strumenti reali. Chemdoodle è un’eccezione a questo. iChemLabs, una società di visualizzazione scientifica, ha messo insieme strumenti per la visualizzazione di molecole in pagine web. Questa pagina demo ti permette di scegliere uno di un certo numero di medicine e vedere una rappresentazione 3D della sua struttura chimica nel browser.
The Biodigital Human
Per rimanere in tema medico, abbiamo il 3D Human di BioDigital Systems. Volete vedere lo scheletro e il sistema sanguigno? Basta cliccare i pulsanti. Come strumento educativo è facile vedere il potenziale – la mappa 3D rende possibile la visualizzazione di malattie e trattamenti via web o anche sul tuo cellulare.
FractalLab
Tom Beddard ha iniziato la sua carriera come fisico laser prima di essere sedotto dall’ingegneria del software, ed è ora ben noto per i suoi incredibili frattali 3D. FractalLab è la sua creazione WebGL, che calcola tutto ciò che vi mostra in tempo reale sul vostro computer. Beddard ha utilmente incluso una spiegazione approfondita dei suoi processi e del suo pensiero.
Jellyfish
Un’altra bella scena, ma leggermente più tranquilla, viene da Aleksandar Rodic: un mare di meduse galleggianti, tutto simulato sul tuo computer. Inoltre, non perdetevi il video che ha fatto mostrando una versione (purtroppo non pubblica) che è controllabile da un Kinect!
CycleBlob
Un nuovo tocco su un gioco dall’aspetto familiare è CycleBlob di Shy Shalom, basato sulla scena dei cicli di luce di TRON. Provate a vedere se potete applicare le vostre abilità di Snake a superfici 3D sempre più complesse.
Pagina successiva: Altri 6 fantastici esempi di WebGL