L’applicazione permette di controllare e ricevere risposte da software e hardware che implementano il protocollo OSC come Pure Data e Max / MSP. Inoltre il programma può trasmettere le informazioni rilevate dall’accelerometro del vostro Iphone.

L’applicazione viene fornita con cinque “layout” organizzati in pagine multiple. All’interno del sito potete trovare video tutorial e file di esempio da scaricare e utilizzare con svariati sofware di grafica generativa tra i quali Processing e VVVV.

http://www.vimeo.com/1362832

Due ballerini e le proiezioni digitali sul pavimento sono la scenografica cornice di questa divertente ed emozionante performance prodotta dalla “Danish Dance Theater“, diretta da Tim Rushton e sviluppata insieme alla coreografia di Tina Tarpgaard e alla programmazione di Jonas Jongejan.

L’installazione ha utilizzato Processing per il “blobtracking” dei danzatori e le librerie Open GL per gli effetti grafici.
Durante l’esecuzione Tina Tarpgaard ha controllato tutta la performance in diretta con un’interfaccia di regia realizzata con l’ambiente di programmazione modulare Isadora interfacciato ai dispositivi hardware via protocollo OSC.

Pronti a danzare?

http://www.youtube.com/watch?v=YXVM6ivpmyE

New York Talk Exchange è una “mappa visuale delle comunicazioni” e mostra la quantità di dati scambiati via telefono e protocollo IP tra New York e le città di tutto il mondo, ovviamente in tempo reale!

Il progetto New York Talk Exchange nasce per cercare di rispondere a queste tre semplici domande:
- la città di New York come si connette con le altre città?
- con quali città New York ha legami più forti e come questi mutano con il passare del tempo?
- come il resto del mondo raggiunge i quartieri di New York?

Il risultato, anche solo da un punto di vista grafico è veramente affascinante!

http://www.youtube.com/watch?v=8nTFjVm9sTQ

Il regista James Front e altri suoi collaboratori della casa di produzione Zoo Films hanno realizzato per i RadioHead il video musicale “House of Cards” dell’album “Rainbows” (tra l’altro distribuito gratuitamente sul web!). Il video è stato realizzato con i sistemi di scansione 3D “Geometric Informatics” e “Velodyne Lidar“. Attraverso sensori e laser (64 laser che roteano 900 volte al minunto) vengono catturate le immagini a 3 dimensioni. Il progetto è Open Source e tutti i dati elaborati, totalmente liberi da diritti d’autore, sono disponibili su Google Code.

Con questi dati, Aaron Koblin e Aaron Meyers hanno creato un fantastico visualizzatore Flash. Sul sito di Koblin è disponibile una demo interattiva dell’immagine di Tom Yorke; se avrete la pazienza di aspettare quache minuto per il caricamento dei dati, vi troverete difronte ad un’esperienza tridimensionale di particelle e note musicali davvero unica!

Barcinski & Jeanjean  sono due giovani designer di Amsterdam che hanno da poco pubblicato online il nuovo loro portfoglio creato utilizzando la celebre libreria Flash Papervision3d.

E fin qui niente di eccezionale direte voi… Ma vi sbagliate di grosso!

Munitevi di un paio di occhialini 3d (quelli con una lente azzurra e una rossa per capirci) e provate a visitare la versione “3d glasses”

Se poi aggiungiamo che il loading è un pong in 3d (anche  se è impossibile giocarci!), avete capito che parliamo di un sito davvero originale.

Del resto dagli ideatori di VectorVision non ci si poteva aspettare di meno. Bravi ragazzi!

Newsknitter è un progetto di grafica generativa da “indossare” ideato da due artisti turchi, Ebru Kurbak e Mahir Yavuz.
I flussi di dati che servono per decorare le felpe Newsknitter sono ricavati dai “news feed” che si trovano su internet. A causa della natura dinamica dei flussi di informazione di questi news feed, il sistema genera pattern imprevedibili.
I dati vengono raccolti e analizzati da uno script Perl, mentre Processing produce tutte le rappresentazioni grafiche.
Il progetto è stato esposto per la prima volta all’ultima edizione di Ars Elettronica.
Io la voglio troppo una felpa Newsknitter… e voi?

http://www.vimeo.com/645554

“Cascade on Wheels” è un progetto di visualizzazione che intende esprimere la quantità di automobili presenti nelle grandi città di oggi. La mole di dati elaborata riguarda la media giornaliera di automobili che transitano sulle strade durante tutto l’anno.

Nell’esempio riportato (quasi più rumoroso del traffico reale!)  si vede una sezione del centro città di Madrid, nel corso del 2006. Le medie sono raggruppate in quattro categorie di tipologia di auto: veicoli leggeri, taxi, camion e autobus.

Tutto il progetto è stato realizzato con Processing, e alcune delle sue innumerevoli librerie, tra le quali geomerative, OCD e minim. Fantastico!

Bel sito ecodazoo.com di ottima fattura, con un buon utilizzo del 3d in flash guida il visitatore a percorrere il mondo degli “ECO animali”. Transizioni eleganti mescolate con sottili movimenti degli elementi circostanti. Beautifulllllll!

Il formato immagine PNG è ormai diffusissimo.  Con l’utilizzo delle trasparenze si possono ottenere effetti grafici interessanti impossibili da ottenere con il formato GIF.

Purtroppo, Internet Explorer 6 non riesce a gestire correttamente le trasparenze delle immagini PNG.

Molte le soluzioni pensate per aggirare l’ostacolo. La più diffusa consiste in un hack CSS che utilizza un filtro specifico per IE (per maggiori informazioni rimando al sito TomStardust.com).
Personalmente ho sempre evitato di utilizzare questa tecnica perchè la proprietà “filter” non rientra negli standard e non permette la validazione dei fogli di stile.

Un’altra soluzione, proposta dal sito TwinHelix Designs, permette di gestire le trasparenze delle immagini PNG (anche dei background) con una sola riga CSS senza intervenire sul file HTML e garantendo la validazione del file CSS.

Vediamo come funziona
una volta scaricato  il file iepngfix.zip dal sito TwinHelix Designs, prendiamo i 2 file necessari per visualizzare il canale alpha delle PNG:
blank.gif, una GIF trasparente necessaria per far funzionare l’hack, e iepngfix.htc. Mettiamo questi file nella stessa directory dove si trova il file che caricherà le PNG di cui vogliamo visualizzare la trasparenza, quindi inseriamo nel codice CSS la stringa

mioDiv {behavior: url(iepngfix.htc)}

Ecco fatto! Un esempio pratico della classe “behavior” lo potete trovare sul sito w3facile.com unitamente ad altre tecniche per la gestione delle immagini PNG in IE6

- e’ autostereoscopico, genera un effetto 3d visibile direttamente ad occhio nudo
- e’ omnidirezionale, consente una visualizzazione a 360 gradi delle immagini riprodotte
- e’ interattivo, gli oggetti riprodotti possono essere manipolati in tempo reale

Il sistema funziona proiettando circa 5000 frame al secondo su di uno specchio rotante ad alta velocità. Mentre ruota lo specchio riflette una immagine diversa per ogni angolo di visualizzazione orizzontale e verticale, inducendo nell’osservatore la percezione di un oggetto in 3 dimensioni.

A questi link trovate alcune informazioni sui display volumetrici (wikipedia) e il sito ufficiale del progetto Rendering for an Interactive 360º Light Field Display.