Urbangap

TouchOSC

2 October 2008

TouchOSC

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 »

House of Cards il video dei Radiohead

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 »

Barcinski e Jeanjean 3d portfolio

19 September 2008

Barcinski & Jeanjean

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 »

Cascade on Wheels

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 »

Sito in 3d “ecodazoo.com”

12 September 2008

http://ecodazoo.com/

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 »

PNG trasparenti su IE6

27 August 2008

TwinHelix

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 »

Display 3d interattivo (360° Light Field Display)

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 »

Giochiamo a Snake sul grattacielo?

23 June 2008

Il video riguarda una delle imprese del Project P.I.W.O. un gruppo di ricercatori polacchi dell’Istituto Europeo per l’innovazione e le tecnologie.
Si tratta di una versione a misura di grattacielo del ben noto videogioco anni ‘70 Snake: assolutamente geniale!

Ah… per quelli che non hanno molta confidenza con il polacco, ecco il link del sito ufficiale superbamente tradotto da Google.

Autore:federico   Categoria:Curiosità, Eventi, Installazioni, Interattività - Nessun Commento »

ITER. Viaggiatori al tempo del design

19 June 2008

ITER Viaggiatori al tempo del design

Una mostra-evento per raccontare la creatività del territorio
Più di dieci installazioni di grafica, una sala cinema allestita su un autobus, un laboratorio per bambini, aperitivi musicali, otto concerti serali, dj-sets.

Dal 3 al 6 luglio allo spazio Teca di via Basso Acquar 28/a
ScalaColore, l’associazione culturale con base a Verona, presenta

ITER. Viaggiatori al tempo del design

Per quattro giorni, dalle 11 del mattino alle 2 di notte, lo spazio espositivo sarà animato dalla creatività di oltre trenta studi professionali di design e comunicazione.

L’ingresso è gratuito e aperto a tutti.

Nel 2007 l’iniziativa ha catalizzato l’attenzione di oltre 4mila visitatori e a ottobre 2008 sarà ospite al World Design Capital di Torino.

ITER. Viaggiatori al tempo del design propone un itinerario originale attraverso il design e la comunicazione visiva, affrontando un tema che da sempre affascina il mondo dei creativi.

Un viaggio raccontato con percorsi artistici personali ed esplorazioni collettive, una rete di contaminazioni che vogliono portare avanti l’idea di scambio e confronto di esperienze che sta alla base del progetto culturale di Scalacolore.

Scalacolore - Spazio di interazione creativa, è un’associazione culturale costituita e composta da trenta professionisti provenienti dai settori della comunicazione, del design e del mondo creativo e noi siamo orgogliosi di farne parte :)

Scarica il programma completo dell’evento in pdf

Autore:federico   Categoria:Audio Video, Design, Eventi, Installazioni - Nessun Commento »

Comunque… cos’è questo web 2.0?!

23 February 2008

Cosa sarà mai questo benedetto Web 2.0… Il nuovo Browser di casa Microsoft? La nuova rete satellitare mondiale? L’ennesima setta religiosa di ispirazione new age?

Non penso di poterlo spiegare meglio di questo video (scovato accidentalmente su youtube già parecchio tempo fa), perchè è risaputo che le immagini parlano più di molte parole.

Ma la cosa singolare è che questo video, realizzato dal team del professor Michael Wesch del dipartimento di antropologia della kansas state university, usa più che altro “parole” nelle immagini che mostra: parole intese proprio come “testo” o “sequenza di parole scritte” quindi “codice” e “informazioni”. E con le parole descrive perfettamente Internet (che è informazione digitale) fino ad arrivare a definire appunto il Web 2.0.

Devo confessare che ogni volta che lo vedo mi emoziono un po’… Sarà per la musichina coinvolgente, sarà per il finale a sfondo filosofico, sarà perchè come “web developer” (quindi manipolatore di codice e informazioni digitali sul web) mi sento particolarmente chiamato in causa, fatto sta che… Insomma guardatelo e poi mi saprete dire ;)

Per chi si fosse incuriosito suggerisco anche il link del digital ethnography working group, il team guidato dal professor Wesch che studia l’impatto delle tecnologie digitali sulle dinamiche di interazione umana e viceversa.

Autore:federico   Categoria:Cultura Web, Web 2.0 - Nessun Commento »

Add to Technorati Favorites

Feed RSS

Sponsor

Commenti:

  • Gioacchino Poletto: Io utilizzo IE7 Enhanced ;)
  • WD Web Design: Per fortuna esiste questo script… che risolve un grosso problema per i web...
  • WD Web Design: Sicuramente lodevole la faccenda del risparmio di energia, ma credo sia una cosa...
  • Mad: Certo che ce n’è di gente geniale in giro!
  • Gioacchino: Vedo che gli anni passano ma i brutti … restano ! :-D Un saluto a tutti ..