2 October 2008
TouchOSC è un’applicazione per iPhone / iPod Touch che consente di inviare e ricevere messaggi OSC attraverso una rete Wi-Fi utilizzando il protocollo UDP.
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.
Autore:mirko Categoria:Curiosità, Interattività, Software Tools - Nessun Commento »
28 September 2008
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?
Autore:mirko Categoria:Arte, Installazioni, Interattività - Nessun Commento »
25 September 2008
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!
Autore:mirko Categoria:Cultura Web, Interattività - Nessun Commento »
24 September 2008
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!
Autore:mirko Categoria:Arte, Curiosità, Grafica Generativa, Interattività, Open Source, Programmazione - Nessun Commento »
19 September 2008
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!
Autore:mirko Categoria:Design, Flash, Web Sites - Nessun Commento »
17 September 2008
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?
Autore:mirko Categoria:Design, Grafica Generativa - Nessun Commento »
15 September 2008
“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!
Autore:mirko Categoria:Arte, Installazioni, Interattività - Nessun Commento »
12 September 2008
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!
Autore:mirko Categoria:Design, Flash, Web Sites - Nessun Commento »
27 August 2008
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
Autore:cava Categoria:Web 2.0, Web Sites, XHTML - 2 Commenti »
17 July 2008
Il Graphics Lab della University of Southern California ha progettato un sistema di visualizzazione 3D a basso costo che dispone di caratteristiche decisamente innovative:
- 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.
Autore:federico Categoria:Audio Video, Curiosità, Hi-Tech, Interattività - Nessun Commento »
Un saluto a tutti ..