Taller de mappings interactius

1

TALLER DE MAPPINGS INTERACTIUS AMB SCRATCH2.0

¿Què és un mapping?

Un mapping consisteix en la projecció d’imatges i vídeos sobre superfícies irregulars,

generalment façanes, acompanyats d’efectes d’àudio.

Amb aquesta tècnica es poden afegir dimensions addicionals, il·lusions òptiques i sensacions

de moviment als objectes físics que inicialment són estàtics.

Exemples:

-Ajuntament d’Olot (amb Scratch): https://www.youtube.com/watch?v=ButgfJJhAxw

-El bust cantaire: https://vimeo.com/110256642

-Mapping sobre una ampolla: https://www.youtube.com/watch?v=7ZHef-hAvOM

Taller de mappings interactius

2

-LG electronics 3D mapping: https://www.youtube.com/watch?v=gy_jyxoWj5c

-Mapping promocional Dallas: https://www.youtube.com/watch?v=XSR0Xady02o

-Mapping espectacular Sydney Opera House:

https://www.youtube.com/watch?v=cMvcxMIlrNg

Taller de mappings interactius

3

-Mapping pantocrator Vall Buí Taüll: https://vimeo.com/87114296

+info del projecte: pantocrator.cat

Material

-Ordinador amb Adobe Air, S2P i Scratch2.0 instal·lats.

-Placa Imagina Android/Scratch de l’Equip Robolot (ref. rbl0672, rbl0673, rbl930 o rbl0935).

-Comandament universal TV (ref. bxl-rc001).

-Nunchuk de la Wii (A-12986 )

-Projector potent.

-Equip de so.

Plantilla

Per crear la plantilla de la façana on volem projectar, es pot utilitzar el Paint o qualsevol altre

programa de dibuix. Cal encarar el projector a la façana i anar resseguint el contorn de l’edifici

i les característiques principals com finestres, balcons, rellotges… Llavors importar-l’ho amb el

paint del Scratch i anar-lo canviant de mida per tal que encaixi bé, quan es visualitza

maximitzant l’escenari (quadrat blau que hi ha a la part superior esquerre del Scratch).

El punt on es posa el projector per crear la plantilla s’ha de marcar amb cura i precisió, ja que

serà el punt on es col·locarà posteriorment el projector per visualitzar el mapping.

Taller de mappings interactius

4

A internet es poden trobar programes professionals especialitzats per fer solapament de varis

projectors sobre façanes gegants i programes que permeten fer deformacions de la plantilla.

Podeu consultar al següent link:

http://mapp3d.blogspot.com.es/2012/01/como-hacer-un-video-mapping.html

Exemple de plantilla de l’ajuntamet d’Olot.

Mapping convencional

Connectem la placa Imagina Android/Scratch a l’ordinador, obrim l’S2P, triem el COMport que

se li ha assignat a la placa i fem Connect. Llavors obrim Scratch2 fent clic al botó Open.

Taller de mappings interactius

5

Abans de començar a fer un mapping cal tenir clar la temàtica i el guió. També haurem de triar

la cançó que volem reproduir.

Per exemple si triem la temàtica del Nadal podríem fer que la façana vagi canviant de color i

vagi apareixent simbologia nadalenca. Una opció seria fer tal com el programa que us

adjuntem:

Comencem canviant el fons de l’escenari amb varis vestits. Carreguem la plantilla:

Taller de mappings interactius

6

Dupliquem el vestit del fons:

I el pintem amb uns altres colors des del mateix paint que porta l’Scratch:

Taller de mappings interactius

7

I fem un tercer vestit del fons:

Taller de mappings interactius

8

Carreguem l’arxiu de so:

I a l’Escenari li associem el programa següent:

Taller de mappings interactius

9

Si el gat us fa nosa el podeu esborrar.

Podem millorar el programa anterior fent que els colors canviïn tot sols sense haver-los de

pintar prèviament amb la instrucció:

Taller de mappings interactius

10

Ara hi afegirem un personatge que serà un ninot de neu. Aneu a personatges i Trieu el ninot de

neu de la categoria Festivitat:

I li associarem el següent programa per tal que es passegi de costat a costat de forma

autònoma:

Taller de mappings interactius

11

Cliqueu damunt de la “i”del personatge i trieu que es desplaci de costat a costat en comptes

de girar:

I si hi afegim l’efecte color veurem com els elements que tenen color del ninot de neu canvien

de color:

Mapping Interactiu amb comandament de la TV

Ara a l’anterior mapping farem que apareguin uns estels quan polsem el comandament de la

televisió. A cada tecla li associarem un estel que es mourà de diferent forma.

Afegirem un estel des de la galeria de Personatges:

Taller de mappings interactius

12

Duplicarem tres vegades l’estel i li canviarem el color amb el paint de l’Scratch.

A programes de Star1 hi afegirem el

següent programa:

* L’origen de coordenades es troba

ubicat al centre de l’escenari. Amb les

coordenades que posem l’estel

apareixerà al segon quadrant.

Quan polsem la tecla 1 del

comandament de la TV, Star1

apareixerà i baixarà .

A Star2 hi arrossegarem el programa de la Star1 i el modificarem tal com:

Observem que l’estel va voltejant quan polsem la tecla 2.

Taller de mappings interactius

13

Al tercer estel Star3 li associarem una còpia de l’anterior i el modificarem tal com:

Li hem afegit un so i que es mogui més ràpid.

Taller de mappings interactius

14

També pots experimentar amb totes les altres opcions d’Efecte:

Mapping Interactiu amb la Nunchuk

En aquest apartat aprendrem a fer anar la Nunchuk per moure el ninot de neu. La nunchuk i el

comandament no poden treballar alhora. Per això modificarem el programa dels estels

suprimint la part del comandament de la TV. Ha de quedar tal com:

Taller de mappings interactius

15

I al ninot de neu li associarem el següent programa:

Prèviament cal crear una variable on desarem

el valor X del joystic de la nunchuk.

Taller de mappings interactius

16

Ara farem el mateix per l’eix. També farem més petit el ninot de neu

i que es mogui més lentament.

Taller de mappings interactius

17

I per acabar farem que quan el ninot de neu toqui un estel aquest desaparegui un instant i

incrementi un comptador. Només caldrà modificar els programes dels estels tal com:

Taller de mappings interactius

18

I per visualitzar-ho en gran cal polsar al requadre blau de l’esquerra.

Taller de mappings interactius

19