Sei sulla pagina 1di 14

15/11/2016

touchdesigner video mapping - Tiscali Tecnologia

(/)

TouchDesigner: il software per il video mapping


Effetti video, proiezioni, luci e molto altro ancora in un unico software

di Tiscali Tecnologia - Twitter: @TiscaliTech (https://twitter.com/TiscaliTech)


Devi fare la spesa? Vai a divertirti. Carrefour te la consegna a casa entro 3 ore! (http://d.adagio.upstory.it/ad/clk.jsp?

cv=type:native&x=320859.540185.1063.463997.-1.publisherId_10130%5EnetworkId_10140%5EwebsiteId_10858%5Ecta_true%5Edescripti

Fai la spesa online nel tuo negozio Carrefour. Potrai ritirarla comodamente in negozio un'ora dopo! Oppure la consegneremo noi direttamente a
casa tua gi 3 ore dopo l'ordine. (http://d.adagio.upstory.it/ad/clk.jsp?
cv=type:native&x=320859.540185.1063.463997.-1.publisherId_10130%5EnetworkId_10140%5EwebsiteId_10858%5Ecta_true%5Edescription_true%5Elayout

http://tecnologia.tiscali.it/news/articoli/touchdesigner-video-mapping/

1/14

15/11/2016

touchdesigner video mapping - Tiscali Tecnologia

(http://d.adagio.upstory.it/ad/clk.jsp?
cv=type:native&x=320859.540185.1063.463997.-1.publisherId_10130%5EnetworkId_10140%5EwebsiteId_10858%5Ecta_true%5Edescription_true%5Elayout

SPONSORIZZATO (HTTP://D.ADAGIO.UPSTORY.IT/AD/CLK.JSP?
CV=TYPE:SPONSOR&X=320859.540185.1063.463997.-1.PUBLISHERID_10130%5ENETWORKID_10140%5EWEBSITEID_10858%5ECTA_TRUE%5EDESCRIPTION_TRUE%5ELAYOUT_SMALL%5EV

Il video mapping delle nuove forme di comunicazione pi in voga al momento e, sicuramente, nell'immediato futuro
prender sempre pi piede. Ormai viene usato in ogni campo: spettacoli (un esempio su tutti il'Eurovision 2016),
eventi (basti pensare alla cerimonia di inaugurazione delle ultime olimpiadi), pubblicit innovativa (proiezioni su
palazzi ed edi ci famosi) e molto altro ancora.
In pratica si tratta di proiettare immagini (che possono essere video, animazioni, gure astratte e altro ancora) su
super ci "non convenzionali" come facciate, alberi, gradinate, persone eccetera. Il video mapping viene spesso
integrato con altre tecnologie e forme d'arte, dando alla parola "multimedia" un signi cato sempre pi ampio.
Concerti, mostre, musei, eventi, ormai, fondono insieme musica, video, proiezioni, luci, effetti speciali di ogni tipo e
interazione diretta con il pubblico.

http://tecnologia.tiscali.it/news/articoli/touchdesigner-video-mapping/

2/14

15/11/2016

touchdesigner video mapping - Tiscali Tecnologia

Eurovision 2016 - Foto di Anna Velikova(EBU)


Tutto questo ovviamente possibile grazie alla tecnologia, ma si spesso portati a pensare che sia indispensabile
utilizzare strumenti costosissimi, complicati e destinati a operatori super specializzati.
In questo articolo vogliamo dimostrare, invece, che esistono tecnologie alla portata di tutti, in grado di liberare la
fantasia e di realizzare opere di sicuro effetto , anche con poche risorse strumentali. Nello speci co parliamo di
TouchDesigner della Derivative (http://www.derivative.ca), un software multimediale che pu essere usato sia su
normali PC domestici come sui potentissimi server multimediali dei palchi pi grandi del mondo.
I principali punti di forza di TouchDesigner sono senz'altro la scalabilit e la versatilit, senza dimenticare, per essere
ancora pi pratici, il fatto che sia utilizzabile gratuitamente (almeno per scopi non commerciali). Questo signi ca
che chiunque pu far girare sul proprio computer (non troppo vecchio!) la stessa tecnologia usata per spettacoli di
livello mondiale (hardware a parte).
TouchDesigner un vero e proprio ambiente di programmazione che permette di spaziare in un vastissimo campo di
applicazioni. Videomapping, gra ca e animazioni 3D, effetti video in stile VJ, animazioni interattive e giochi, anche
pilotati da suoni, musica , gesti e movimenti del corpo, tanto per fare qualche esempio.

http://tecnologia.tiscali.it/news/articoli/touchdesigner-video-mapping/

3/14

15/11/2016

touchdesigner video mapping - Tiscali Tecnologia

(Copyright 2013 Warner Bros Picture, per gentile concessione di Framestore. Tutti i diritti riservati.)
TouchDesigner sul set del lm "Gravity" negli studi Framestore
Se state pensando "ma io non sono ne un programmatore, non riuscir mai usarlo!", sappiate che vi sbagliate di
grosso. Il termine "ambiente di programmazione" non deve spaventare chi non conosca i linguaggi di
programmazione perch TouchDesigner offre un approccio diverso, detto "a nodi", utilizzato anche da altri prodotti
simili (come ad esempio Max).
Si tratta, in pratica, di una rappresentazione simbolica delle funzioni, le quali vengono schematizzate in blocchetti.
Basta collegare fra di loro i blocchetti, secondo logica, per realizzare i ussi di elaborazione, anche senza scrivere
una sola riga di codice (cosa che, comunque, possibile per chi volesse scendere nel dettaglio e avesse necessit di
realizzare ussi particolari e personalizzati); insomma, una specie di gioco delle costruzioni informatico.
I blocchi sono suddivisi i diversi gruppi, a seconda delle loro funzionalit. I TOP, ad esempio, gestiscono tutto ci che
sono video, fotogra e, immagini e gure geometriche 2D mentre i SOP gestiscono oggetti tridimensionali posizionati
nello spazio. I CHOP elaborano, invece, numeri e canali di controllo.
E davvero molto facile entrare nella logica del programma perch TouchDesigner offre una curva di apprendimento
molto lineare che permette , gi dal primo approccio, di ottenere risultati d'effetto che, con l'esperienza, possono
diventare sempre pi complessi e spettacolari. In coda a questo articolo, a dimostrazione di questo principio,
troverete delle semplici istruzioni (sotto forma di video) che vi spiegheranno come muovere i primi passi con
TouchDesigner e ottenere i primi risultati visibili in pochi minuti.

http://tecnologia.tiscali.it/news/articoli/touchdesigner-video-mapping/

4/14

15/11/2016

touchdesigner video mapping - Tiscali Tecnologia

Una schermata di TouchDesigner (per gentile concessione di Obscura Digital)


A questo proposito sono di grandissimo aiuto la documentazione del sito uf ciale, con i suoi tutorial, e il forum in cui
la nutritissima community sempre pronta a scambiare informazioni e ad aiutare i neo ti con risposte ed esempi
pratici da scaricare (e di cui trovate tutti i riferimenti e gli indirizzi sempre in coda allarticolo).
Sul sito uf ciale anche possibile accedere a numerose applicazioni gi pronte (e gratuite) che consentono, ad
esempio, di usare TouchDesigner per gestire il videomapping o per generare effetti video da VJ in perfetto stile
Resolume.
Il programma stesso offre, al suo interno, una paletta di funzioni gi pronte come il rilevamento di movimento da
webcam, diversi processori sonori, sistemi per gestire le interfacce multitocco e altro ancora, compresa una
nutritissima libreria che mette a disposizione degli esempi pratici per ognuno dei blocchetti a disposizione.
Nel menu di aiuto la voce "snippets", invece, porta ad una vera e propria libreria di esempi di applicazioni pratica
degli operatori, cos da poter copiare e incollare molti moduli da adattare alla proprie esigenze.
Anche su Facebook sono presenti numerosi gruppi in cui si fa letteralmente a gara ad aiutare chi abbia bisogno di
assistenza, sia che si tratti di un principiante che di un super esperto.
E' importante sottolineare la versatilit di TouchDesigner, specialmente per quanto riguarda l'interfacciamento con
periferiche esterne. Oltre a gestire i normali monitor per computer (quasi senza limite di numero) e, ovviamente,
proiettori di qualsiasi tipo, comprende dei moduli di interfacciamento appositi per il collegamento con moltissimi
dispositivi multimediali, come WebCam, schede di acquisizione e periferiche di controllo. Ma la lista si estende a
tutto ci che ha a che fare con il multmediale.
E' il caso, ad esempio, degli impianti luce DMX (lo standard per il controllo degli impianti di illuminazione da palco),
delle periferiche MIDI, siano strumenti musicali (sintetizzatori, batterie elettroniche, expander, effetti, sequencer e altro
ancora) che surface controller e laser da palcoscenico.
Sono previsti anche collegamenti diretti con i dispositivi di rilevamento di movimento come il Kinect di Microsoft
(capace di analizzare i movimenti del corpo e le espressioni del viso di 6 persone contemporaneamente), il
Leapmotion (capace di rilevare il movimento e la posizione di mani e singole dita) o il Realsense (la telecamera 3D
di Intel).

http://tecnologia.tiscali.it/news/articoli/touchdesigner-video-mapping/

5/14

15/11/2016

touchdesigner video mapping - Tiscali Tecnologia

Video mapping realizzato sulla Moschea di Abu Dhabi con TouchDesigner


(per gentile concessione di Obscura Digital)
Non appena sul mercato appare un nuovo dispositivo, ecco che i programmatori della Derivative, nel giro davvero di
pochi giorni, aggiornano TouchDesigner per sfruttare al meglio ogni nuovo dispositivo; un esempio su tutti il
recentissimo HTC Vive.
Interfacce di comunicazione secondo gli standard USB, seriale, ethernet, OSC, SP, ArtNet, Spout ed altro ancora
garantiscono la comunicazione con programmi di terze parti (ad esempio Resolume, Cinema4D, vvvv eccetera) che
girano sullo stesso computer, con sistemi remoti e con siti e applicazioni internet, no ad arrivare a comandare
sistemi Arduino, Raspberry o Maestro e comandare interruttori, rel, motori e servi elettromeccanici.
Grazie a questa amplissimo spettro di interfacciamento sono davvero numerose le gure professionali che utilizzano
TouchDesigner nei campi pi disparati e in ogni parte del mondo. Di seguito ecco alcuni esempi che dimostrano solo
alcune delle applicazioni di TouchDesigner, sia su scala domestica che decisamente pi grande e che rappresentano
solo alcuni degli sbocchi professionali, artistici e hobbystici di questo software.
Partendo dall'Italia ecco il videoartista Andrew Quiin che, in collaborazione con Mattia Diomedi di Laser
entertainment Milano, ha realizzato una installazione permanente nella piscina della SPA dell'Hotel Pashmina, Val
Thorens. Si tratta di un uso per niente scontato del video mapping, ma l'effetto ottenuto grazie alla proiezione di
immagini sintetiche, generate in tempo reale attraverso l'analisi dei movimenti dell'acqua e delle persone, quasi
"magico" e rende ancora pi piacevole l'ambiente relax dell'hotel.

http://tecnologia.tiscali.it/news/articoli/touchdesigner-video-mapping/

6/14

15/11/2016

touchdesigner video mapping - Tiscali Tecnologia

Hotel Pashmina Spa: Interactive Videomapping


TouchDesigner
from akipix

05:12

http://andrewquinn.org/ (http://andrewquinn.org/)
http://www.laserentertainment.com/ (http://www.laserentertainment.com/)
Un altro suggestivo esempio di cosa si possa ottenere unendo la tecnica di TouchDesigner alla creativit:
"Immersioni" l'installazione realizzata da Ultravioletto per la 73ima Mostra del cinema a Venezia. Il tema
dell'acqua, che caratterizza tutto l'allestimento, viene sviluppato attraverso una proiezione a 360 e l'interazione con
un cilindro di plexiglass. Un'esperienza veramente "immersiva" che mostra in maniera molto originale ed ef cace
una collezione di fotogra e che racconta la storia del Cinema.

Immersioni - Interactive Immersive Projection Room


- Venice Film Festival 2016
from Ultravioletto

01:22

http://www.ultraviolet.to/ (http://www.ultraviolet.to/)
Sempre italiano l'esempio di Michele Di Pasquale, interaction designer e sviluppatore di realt virtuale che lavora nel
campo ormai da molti anni e che, in collaborazione creata con l'art factory di danza "Leggere Strutture",ha realizzato
uno spettacolo tenutosi a Bologna presso l'Arena del Sole. Touchdesigner, stato utilizzato per analizzare il
movimento di ben 15 ballerini diversi, attraverso l'utilizzo di una webcam e di accelerometri indossati dai danzatori.
Questi dati, uniti a quelli relativi alle musiche, sono stati elaborati in tempo reale, trasmessi e integrati con le
elaborazioni sonore di Vincenzo Scorza su piattaforma Max/Msp, a confermare l'apertura del software anche a
prodotti esterni. Il risultato la realizzazione di una scenogra a dinamica, in grado di dare una nuova dimensione al
movimento e all'espressione del ballo. L'integrazione, in questo caso, stata sia artistica che tecnica, una fusione tra
arti classiche e commistioni con il digitale che unisce competenze trasversali di artisti e tecnici di derivazione anche
http://tecnologia.tiscali.it/news/articoli/touchdesigner-video-mapping/

7/14

15/11/2016

touchdesigner video mapping - Tiscali Tecnologia

molto diverse.

"Collegamenti" Documentary

http://it.linkedin.com/in/michele-pio-di-pasquale-43b5302 (http://it.linkedin.com/in/michele-pio-di-pasquale43b5302)
Passando agli utilizzatori esteri ecco "The Future of the Music", un video musicale realizzato dalla Phenomena
Labs.
Gli autori hanno costruito un set interattivo nel quale gli attori hanno interagito con i suoni e le scenogra e e il tutto
stato ripreso con una telecamera a 360. Il software TouchDesigner stato utilizzato per realizzare le interazoni e le
elaborazioni video in tempo reale attraverso l'utilizzo degli Oculus Rift.

Hello play! presents THE FUTURE OF MUSIC (360 video)

https://www.derivative.ca/Events/2016/FutureOfMusic/ (https://www.derivative.ca/Events/2016/FutureOfMusic/)
Un altro esempio molto spettacolare quello delle "Kinectic Lights" di Christopher Bauder, un sistema installato in
una enorme sala che, oltre a offrire un so sticato gioco di luci, utilizza il movimento delle barre luminose per creare
degli emozionanti effetti visivi, il tutto sfruttando l'interfaccia DMX di TouchDesigner.

http://tecnologia.tiscali.it/news/articoli/touchdesigner-video-mapping/

8/14

15/11/2016

touchdesigner video mapping - Tiscali Tecnologia

GRID Performance - DMX winches, Kinetic Lights,


RGB LEDs
from WHITEvoid

03:37

02:41

https://www.derivative.ca/Events/2015/KineticLights/ (https://www.derivative.ca/Events/2015/KineticLights/)
BlitzTag un progetto di un gruppo tedesco che si chiama "Graf tti Research Lab". Lidea tanto semplice quanto
divertente: usare un proiettore e TouchDesigner per realizzare dei graf ti virtuali su qualsiasi super cie. Si pu,
insomma, giocare a disegnare o scrivere su un edi cio qualsiasi come se si usasse uno spray, ma senza rovinare
niente e senza correre il rischio di venire arrestati. Il tutto utilizzando i sistemi di analisi delle immagini di
TouchDesigner che sono in grado di seguire il punto luminoso di una semplice torcia laser, come se fosse una penna.

blitzTag + Light Rider premiere


from Jesse Scott

05:04

http://www.graf tiresearchlab.de/blitztag/ (http://www.graf tiresearchlab.de/blitztag/)


Vincent Houz ha invece realizzato un prototipo in scala praticamente domestica, usando una interfaccia Arduino e
un motorino elettrico. Il motorino muove una scatola all'interno della quale sono proiettati degli oggetti virtuali che si
rotolano e cadono in base ai movimenti del motore, come se fossero reali.

http://tecnologia.tiscali.it/news/articoli/touchdesigner-video-mapping/

9/14

15/11/2016

touchdesigner video mapping - Tiscali Tecnologia

Virtual rocks colliding with an interactive cardboard


box
from Vincent Houze

00:30

https://www.derivative.ca/Events/2015/VincentHouze/ (https://www.derivative.ca/Events/2015/VincentHouze/)
Shuhei Matsuyama un poliedrico artista giapponese che utilizza TouchDesigner per installazioni di vario genere,
sia artistiche che commerciali. L'esempio qui riportato dimostra come si possa utilizzare il Kinect Microsoft per
pilotare, attraverso dei semplici movimenti, la visualizzazione di oggetti 3D:
La galleria di Shuhei comprende numerose altri applicazioni molto interessanti:

Gesture 3D model viewer demo


from Shuhei Matsuyama

01:26

http://www.shuhei-matsuyama.com/
Obscura Digital, un importante studio creativo con sede a San Francisco, ha allestito un imponente videomapping
presso la Grande Moschea Sheikh Zayed ad Abu Dhabi, sfruttando, come base operativa, TouchDesigner e una vera
e propria "batteria" di proiettori. Il risultato lascia letteralmente senza parole:

http://tecnologia.tiscali.it/news/articoli/touchdesigner-video-mapping/

10/14

15/11/2016

touchdesigner video mapping - Tiscali Tecnologia

Sheikh Zayed Grand Mosque Projections


from Obscura Digital

02:23

http://obscuradigital.com (http://obscuradigital.com)
Per smentire coloro i quali pensano che un mondo meccanizzato e robotizzato possa signi care la ne di ogni
spunto artistico ecco lo spettacolare lavoro chiamato "Box" della Bot & Dolly. Due bracci meccanici sorreggono e
muovono due semplici pannelli bianchi e, grazie all'estro degli artisti/tecnici e al software TouchDesigner, vengono
realizzate, in tempo reale, delle immagini di sintesi, proiettate in perfetta sincronia con i movimenti e le riprese.
Un'esibizione che ha davvero qualcosa di "magico".

Box

http://www.derivative.ca/events/2013/BotnDollyBox/ (http://www.derivative.ca/events/2013/BotnDollyBox/)
Gli esempi sarebbero in niti e non basterebbero comunque ad esaurire i raggio delle potenzialit di touchDesigner. Il
nostro consiglio quello di scaricarlo, installarlo sul proprio computer e cominciare a "giocarci", siamo sicuri che
riuscir a liberare il vostro estro creativo.
Di seguito riportiamo due esempi molto semplici realizzati dalla nostra redazione e i riferimenti per recuperare i le di
installazione e i link ad alcune risorse e tutorial.

http://tecnologia.tiscali.it/news/articoli/touchdesigner-video-mapping/

11/14

15/11/2016

touchdesigner video mapping - Tiscali Tecnologia

Esempio 1: gure geometriche a ritmo con la musica

Esempio 2: oggetti 3D e textures


Link di riferimento:
Sito uf ciale: Derivative
http://www.derivative.ca (http://www.derivative.ca)

(http://www.derivative.ca)Galleria di lavori realizzati con TouchDesigner


https://www.derivative.ca/Blog/ (https://www.derivative.ca/Blog/)
Pagina Download
https://www.derivative.ca/088/Downloads/ (https://www.derivative.ca/088/Downloads/)
Guida Online
https://www.derivative.ca/wiki088/index.php?title=Main_Page (https://www.derivative.ca/wiki088/index.php?
title=Main_Page)

http://tecnologia.tiscali.it/news/articoli/touchdesigner-video-mapping/

12/14

15/11/2016

touchdesigner video mapping - Tiscali Tecnologia

Forum
http://www.derivative.ca/Forum/ (http://www.derivative.ca/Forum/)
I tutorial di Matthew Ragan
Video guide per principianti e non solo
https://matthewragan.com/teaching-resources/touchdesigner/ (https://matthewragan.com/teachingresources/touchdesigner/)
Gruppo d'aiuto su Facebook
https://www.facebook.com/groups/touchdesignerhelp/ (https://www.facebook.com/groups/touchdesignerhelp/)

Applicazioni scaricabili
Alcuni programmatori molto altruisti hanno reso pubbliche diverse utilissime applicazioni realizzate su
TouchDesigner, che chiunque pu utilizzare gratuitamente.
Riportiamo di seguito due fra quelle che riteniamo senz'altro pi signi cative:
Kantan Mapper
TouchDesigner uno strumento adattissimo al video mapping, ma se non avete ne voglia ne tempo di programmarlo
ad hoc, potete usare l'applicativo KantanMapper, scaricabile gratuitamente.
Una volta lanciato su TouchDesigner, e dopo aver collegato un proiettore al vostro computer, KantanMapper vi
permetter di ritagliare le aree della vostra proiezione e di inserire all'interno di ognuna di esse il contenuto che
preferite: un video, una foto o il risultato di una o pi elaborazioni di TouchDesigner stesso.
Eseguire i ritagli facilissimo: Kantan Mapper proietta direttamente sugli oggetti verso cui puntato il priettore il
cursore e, muovendolo attraverso il mouse, si de niscono i vertici di ogni gura, basta poi trascinarci dentro il
contenuto perch questo venga automaticamente ritagliato e proiettato. Bastano davvero pochi minuti per realizzare
un videomapping e con un po' di fantasia, sfruttando anche degli oggetti molto banali, si possono creare delle
situazioni davvero simpatiche, come dimostra questo esempio che abbiamo realizzato , davvero in pochi minuti,
qualche tempo fa per recensire un proiettore Epson:

Kantan Mapper scaricabile da questo link:


http://www.derivative.ca/wiki088/index.php?title=Kantan_Mapper (http://www.derivative.ca/wiki088/index.php?
title=Kantan_Mapper)
http://tecnologia.tiscali.it/news/articoli/touchdesigner-video-mapping/

13/14

15/11/2016

touchdesigner video mapping - Tiscali Tecnologia

UQaMixer
UQaMixer un componente costruito interamente in TouchDesigner per la generazione e l'elaborazione di effetti
gra ci, un po' sullo stile di programmi come Resolume, uno dei pi utilizzati dagli artisti visuali e dai VJ.
Il principio di funzionamento, del tutto simile a quello di molti prodotti del genere, prevede l'impostazione di due
canali video A e B che possono essere miscelati o selezionati singolarmente per essere diretti verso l'uscita monitor o
proiettori che siano, anche multipli. Il sistema lo stesso usato dai DJ: due piatti sui quali si alternano i dischi,
scegliendo di volta in volta quale dei due mandare agli altoparlanti.
Su ogni canale video, quindi si pu selezionare la sorgente e applicare tantissimi effetti gra ci, molti dei quali si
animano e si colorano seguendo i comandi dell'operatore o il ritmo e l'intensit della musica.
Il riferimento questo:
http://www.derivative.ca/wiki088/index.php?title=UQaMixer (http://www.derivative.ca/wiki088/index.php?
title=UQaMixer)

2 novembre 2016

http://tecnologia.tiscali.it/news/articoli/touchdesigner-video-mapping/

14/14

Potrebbero piacerti anche