ANNEXIII/ANEXOIII

GUIAPLANTILLAMEMRIAPROJECTEDINVESTIGACI
GUAPLANTILLAMEMORIAPROYECTODEINVESTIGACIN

Dadesgeneralsdelprojectedinvestigaci
Datosgeneralesdelproyectodeinvestigacin

Centre
Centro

EscueladeArteySuperiordeDiseodeValencia

Curs
Curso

2015/16

Ttoldeprojecte
Ttulodelproyecto

EstudiosobrelasposibilidadesdelMappingdevideocomomedio
deinteraccinentreespaciosvirutalesyreales.

Lniadinvestigaci
Lneadeinvestigacin

Experimentacin

Departament
Departamento

CienciayTecnologa

Tipusdeprojecte
Tipodeproyecto

Experimental,prctico

Professor/sinvestigador/s
Profesor/esinvestigador/es

JoseLuisEstrada
JoseVidal
JuanmaGil

Descripcidelprojectedinvestigacidesenvolupat:
Descripcindelproyectodeinvestigacindesarrollado:

Metodologa
Metodologa

2.1

Este hasidounproyectomuy completo pues recorre ytrabajaalternativamente espaciosreales y

virtuales transcendiendo los limites de su interrelacin. Por una parte cada espacio servir de
referencia para el otro y en un grado de mayorprofundidad conceptual, servirparamodificaro
extender al otro. En efecto, durante el desarrollo de la investigacin se ha realizado diversos
experimentoscomoson:

Desarrollodeunmodelodigitalapartirdemuestrasdelarealidad.
Desarrollodeunamaquetafsicaapartirdelmodelodigital.
Proyeccindelmodelovirutal(3D)sobreelmodelofsico(maqueta)conlosefectosde:
deformarlapercepcindesuvolumetra
modificarlapercepcindesuiluminacin
cambiarsunaturalezadefachadaenvisualizadordesucontenido.Lafachada
(elementoestructuralarquitectnico)seconvierteesunapantalladeproyeccin
expositivadeloqueocurreenelinteriordeledificio

Una posible extensindel alcance delproyectoquenosolo jugaseconlainterespacialidadsinocon

la intertemporalidad sera proyectar sobre la maqueta, en la parte correspondiente al suelo o la
plaza de Viriato, lo que en ese mismomomento est aconteciendoenlaplaza. En lamaquetase


podra ver lo que esta aconteciendo en la realidad conviertindola as no slo en una
representacinespacialdeunespaciofsicoarquitectnicosinotambintemporal.
Tcnicamente se puede relizar mediante una cmara conectada a un microcontrolador tipo
Raspberry phy que transmita en tiempo real al software deproyeccin(Resolume),mediante un
software e transmisin de video en vivo (Scout) para la plataforma de Windows. Este ser
probablementeelobjetodeinvestigacindelprximocurso.
2.2

Pladetreball
Plandetrabajo

A. FASESDELDESARROLLODELTRABAJO
Elplandetrabajosehacompuestodelassiguientesfases:
1. Documentacineinvestigacinsobreaccionesanteriormenterealizadas.
En los trabajos previos que figuran en la bibliografa encontramos bien documentado el estado
actual del arte de la proyeccin tanto en edificios como sobre esculturas. Desde nuestro trabajo
queremos investigaryprofundizar enla relacinqueseestablecealproyectar una representacin
virtual deunarealidad (edificio) nosobreel edificio sino sobbreuna representacindelmismo en
unmediofsicocomoeseldelamaqueta.Enunpasomsambicioso, proyectamossobre eledificio
elinteriordelmismohaciendodelcontenedorunespaciodeproyeccindesucontenido.

2. Desarrollodeunmodelovirtualen3Dqueseaproximealarealidad.
A pesar de que la Escuela tiene los planos del edificio en formato digital (slo PDF) , nos
propusimos enestetrabajodeinvestigacinprescindirdeellosyencontraruna maneraalternativa
de realizar el modelo en 3D del edificio para que despus pudiese ser aplicado a cualquier otro
edificio.

PlanosdelaEscuelaenformatoPDF

Para lograrlo nos servimos de unos recursos fantsticos que hace no muchos aos hubiesen
resultado inimaginables y hoy en da son accesibles y gratuitos como sonGoolge Mapsy Google


Earth. El primero de ellos ofrece fotografas cenitales tomadas desde satlite y que nos permite
tener una idea clara de su planta. La fotografa obtenida es unarepresentacin grficadigital de
una relidad. La pgina de Google Maps ofrece adems la herramienta de tomar medidas. En la
siguiente imagen se puede ver que la fachada trasera tiene una longitud de 84.88 metros. Es
importante resaltar que para este trabajo, y aunque parezca contradictorio, no hacen falta las
medidas reales sino que entre ellas sean coherentes. Dicho de otra forma, nos preocupa que la
maquetatengalamismaformaqueeloriginalsinnecesidadseconocerlasdimensionesexactasen
metros.

imagencenitaldelaubicacinyplantadelaEscuela

Porotraparte,elprogramadeGoogleEarthnosofrecelavistadepjarodondesehaobtenidoun
modelotridimensionaldelosedificios.Estosmodelossoncalculadosdeformaautomticaapartir
delainterpolacindeimgnesdesatlitedesdedistintosngulos.Seharealizadounaestimacin
aproximadadelasdistintasalturasapartirdelasmedidastomadasdelaplanta.

VistaareadelaEscuelaenGoogleEarth

Desde el programa Photoshop, porejemplo,podemostomarmedidasdelas distanciasverticales.

En la siguiente figura se aprecia que la altura mide 9,21. No nos importan las unidades sino su
tamaorelativocon lamedida tomadadelabase.Comolalongitudcon laqueaparececadaaltura
depededelngulodevisin,setomaronvariasmedidasdecadaaltura.

TomademedidasrelativasenPhotoshop

Una vez que se obtuvieron las medidas relativas volumtricas del edificio se pudo construir el
modelovirtualen3D. Para ellose uselprogramaSketchUp.Posteriormenteserecubrieroncaras
(fachadas) con fotografas que tomamos a pie de calle. Dichas fotos fueron ajustadas de su
distorsin de pespectiva con Photoshop previamente. El forrar la estructura 3D conlas fotos nos
sirviparaterminar dereajustar eltamaovolumtrico. De esta forma,unmodelotridimensional
creado a partir de estrimaciones de fotos de satlite termin por ajustarse con otras fotografas
tomadasfrontalmentepornosotrosmismos.

ModeloconstruidoenSketchUpcubiertoconfotosdelasfachadasytecho.

3. Desarrollodeanimacionesinfogrficasvirtualesmediantemodelosfsicos
(partculas)ojuegosdeluz.
Seconsideraron distintasaplicaciones en3D y se optporCinema 4D,fundamentalmente porser
unas de las aplicaciones con la que se estaba ms famiiliarizado, por el interfaz intuitivo que
ofrece, quefacilitala manipulacindelmodeloydelasdistintaspropiedades queseibanaprobar,
yporladiversidaddepluginsexistentesparadichosoftware.

Enalsiguienteimagensemuestraunefectodederrumbequeseconsiguemedianteelplugin
Thrausi

La imagensiguiente est asociada alefectode proyeccin de luces y sombras sobreelsueloenel

que est apoyado el modelo. Esto se consigue animando la posicin de una luz de tipo focal
ubicadaenelinteriordelageometra.


Enla imageninferiorse observacomoselograunaproyeccindelucesdecoloresdesdeeledificio,
animando la propiedad de autoiluminacin en distintos materiales asignados a caras de la
geometra,jugandoconelcolordefinidoendichosmateriales.

En la siguiente se muestra el efecto de redibujar las aristas de puertas y ventanas. Esto se

consiguemedianteelusodeunadelasherramientasMoGraphqueofredeCinema4D.


En esta ltima imagen se muestra el efecto de deformar la geometra expandindola y
comprimindola. Esta apariencia se obtiene animando el modificador existente en Cinema 4D
denominadoHinchar.

4. Desarrollodeunamaquetaquesealomsfielposiblealmodelovirtual.
Se ha experimentado con dosformasde construccin de lamaqueta.Unprimera conpoliuretano
expandido (corcho blanco) que creativamente fue muy enriquecedor pero con resultados no
exactos. Por eso se investig con una segunda forma que result mucho ms adecuada para el
proyecto:realizarlaencartnplumaconlosplanosdeldespieceimpresospreviamente.

4.1.maquetadepoliuretanoexpandido
La primera idea era obtener un volumen sencillo pero robusto para quepudiese sertrasladado y
expuesto.Paraellonoshicimosconunbloquedecorchodeunmetrodealturaymediodeseccin.

Bloquedepoliuretanoexpandido

Ese metro de altura ibaacondicionarlaextensinmxima.Dadoquese quera representartodala

sede,conlosdosbloquesatravesadosporloscoches,lamaquetafinaltuvounaalturaproporcional
de unos 20cm. A partir de la recreacin vistual en 3D que se tiene del edificio se escalan las
medidas para quela mayor de ellas (longituddetodalasfachada)sea ladeunmetro.Despusse
consultcada medidaenelordenador,se marcen elcorchoyseprocedaacortarla.Parael corte
contamosconlaayudadeQuicoGuerreroenellaboratoriodediseodeproducto.

ProcesodecortedelbloquedepoliuretanoexpandidoI

Enrasadodelamaquetadepoliuretanoconmasilla

Secadodelamaquetaenmasillada

Agrietamientodeunanuevacapasuperpuestademasilla

Paraquelasuperficiefuesemsuniformeseenmasillconpastatapajuntas.Elproblemaesque
seaplicdemasiadacantidadyseagrietdurantesusecado.Porotraparte,elencajedela
proyeccindelmodelo3Dsobrelamaquetanocoindaconexactitud,noeraperfectaemteexacto.
Ellonosllevaintentarotraformaderealizarlamaqueta.

4.2.Maquetarealizadaencartnpluma
Viendo que la maquetra lograda mediante el proceso anterior nosatisfacalosrequerimientosde
exactitud geomtrica propios de encajar la proyeccin de un edificio modelado sobre lamaqueta
fsica del mismo, decidimos realizarla completamente por ordenador. Para ello se descompuso la
recreacinvirtualenpiezasplanasquemantuviesenlasdimensiones.


Despiecedelamaquetaparaunporteriormontajeencartnpluma

EL cartn pluma mayor de que disponemos es de 100cm x 70cm por lo que un metro ser el
tamao de la pieza mayor. En este caso es la que hace de techo del mduloprincipal. stayel
restodepiezasseconsiguieronencajarentrescartonesplumade100cmx70cm.

Cortedelaspiezasdecartnpluma

Cartnplumaconeldespiecedelamaquetaimpreso

Montajedelaspiezasdecartnpluma

Laspiezasseimprimieronfinalmenteenuncartnplumade5mm,secortaronamanoyse
pegaronconsilicona.Ensudiseosetuvoencuentaloquecadapiezaseretranqueabao
sobresalaparaapoyarseenlasotras.

5. Montajedeunescenarioparalaproyeccin
Paralaproyeccinsebuscunlugarcontrolado,dondepudiramosdejarlamaquetadurante
variosdassinquesemovieraydondepudisemoscortarlaluzexterior.Porello,descartamosla
ideainicaldecolocarloenelhalldelaEscuelacomoespacioexpositivoysemoviaunaula.El
proyectorhabitualenclaseestancladoaltechoconunabasequespermiteinclinarlo.

PruebasdeproyeccinenelhalldelaEscuela.

Pruebasdeproyeccinenelespacioexpositivodefinitivo

Un sitio web interesante cuandose trabaja conproyectoreswww.proyectorcentral.comque tiene

un apartado donde podemos calcular la distancia de proyeccin necesaria y rea que podremos
abarcarconunproyectordeterminado.

Capturadesitiowww.proyectorcentral.com

6.Proyeccinadaptadaalespacio3Dydesarrollodelvideo

Hasta ahora ya tenemos colocado un proyector que abarca toda la maqueta con su proyeccin.
Tenemos efectos queafectan localmente a cada una de lascaras(comoredibujarloscontornosde
las ventanas). Estos efectos se pueden renderizar en pelculas frontales a cada cara del edificio
paraposteriormente proyectarlas deunaformaoblicuaodeformadaqueseajustealascarasdela
maquetaqueelproyectorvdeformainclinadadesdesupuntodevista.

Paraproyectarlosvideosrenderizadossehausadoelsoftwaredeproyeccinymezcladevideo
ResolumeArena.Esteprogramaestideadoparalamezclaentiempoderealdevideosquesean
proyectadosendiscotecasyeventosmusicalesporunVideoJockey.Sinembargo,dadasu
versatilidadparadeformarlosvdeos,lousaremosparanuestroproyectopuespermitedistorsionar
lasproyeccionesmoviendocadaesquinaindependientemente.

EntornodelResolumeArena.

Enla imagenanteriorpodemosvercomoResolumepermitetenertrescapasdevideo(unaporfila)
quepuedemezclarcondistintosefectos,opacidadesymodosdefusin. Disponedeunascolumnas
para preparar la batera de videos que se quieren ir colocando en las capas. Resolume tambin
ofrece laposibilidaddetomarcada capa y proyectarlade formadistorsionadaindividualmente.En
nuestro proyecto aprvechamos esta posibilidad para colocarenunacapa losvideosdela fachada
principalyenotralosdelalateralylosdeltecho.

Ajustedelaproyeccindistorsionadadecadacapa.

Deestaforma,logramosconunpocodepacienciacolocarcadaimagendeunacaradeledificio
encajadasobrelamaqueta.Esdecir,estamoshaciendocoincidirunarepresentacinvirtual(una
imagenproyectada)sobreunarepresentacinfsica(maqueta)deunamismarealidad(edificio).

PruebasdeproyeccinenelespacioexpositivodefinitivoI

El problema se da cuando los efectos realizados virtualmente afectan a la geometra de todo el

edificio (hincharlo o simular su explosin). En ese caso proyectar por separado las visiones
ortogonales no logra transmitir el efecto y que ste se pueda apreciar desde un punto de
pespectiva como elque tieneel proyector.Paralograrlosehacenecesariorenderizar(yproyectar)
un nico video tomadodesde una cmaraquecoincidalo ms posible en pticayposicincon el
proyector del plat fsico. Esto se logr de una forma aproximada a partir de la vista que el
proyector tena de lamaqueta.Efectivamente,pudimoscolocarnos junto alproyectorydesde ah


tomar una fotografa para despus ir moviendo la cmara en el entorno virtual hasta lograruna
vistalomsparecidaposible.

Fotografadelamaquetatomadadesdeelpuntodevistadelproyectorparapodercolocarlacmaradelentorno3D

Peroparaque la vistacoincidanosloen loqueseveoseocluyesinoquetambienencaje,ambos

dsipositivos(cmaravirtualyproyectorfsico)habrndetenerlamismaptica.
La ptica del proyector podemos consultarla en sus especificaciones tcnicas que podemos
consultarenelfabricante.

Sitiowebdelfabricantedondepodemosobtenerlasespecificacionesdelapticadelproyector.

Enelprogramade3Ddeberemosdebuscarlosajustesdelacmaraconlaquesevaarenderizar
elvideoyhacerloscoincidirconlosdelproyectofsico.

Estaes la nicaformade quecoincidan la proyeccin en la maquetaen todasuextensincuando

estamos usando un nico video de forma oblicua para conseguir efectos que modifican la
geometradeledificio.

B.TEMPORALIDADDELASFASESDELPROYECTO

1. OctubreNoviembreDiciembreEneroFebrero:documentacineinvestigacinsobre
accionesanteriormenterealizadas.
2. Marzo:desarrollodeunmodelovirtualen3Dqueseaproximealarealidad.
3. AbrilMayo1quincenaJunio:desarrollodeanimacionesinfogrficasvirtualesmediante
modelosfsicos(partculas)ojuegosdeluz.
4. AbrilMayo1quincenaJunio:desarrollodeunamaquetaquesealomsfielposibleal
modelovirtual.
5. Mayo1quincenaJunio:pruebasdeproyeccinendistintosentornos.
6. 2quicenaJunio:montajedeunescenarioparalaproyeccin.
7. 2quicenaJunio:proyeccinadaptadaalespacio3Dydesarrollodelvideo

C.COSTEECONMICODEESTETRABAJODEINVESTIGACIN.
Enlarealizacindeestetrabajo,apartedelashorasdedicadasdeinvestigacin,sehaincurridoen
lossiguientesgastos:


Concepto Coste
Bloquedepoliuretanoexpandido(50cmx 49
50cmx100cm)
Cabledenicronparacortar 10
Pastadeenmasillar 9
Impresinencartnplumadelaspiezasdela 85
maqueta(3piezasde100cmx70cmx5mm)
Total 153

Originalmenteseintentgrabarunvdeotimelapsetomadodesdelaazoteadeledificio.Alno
disponerlaEscueladeunacmaracapazdegrabarloseempleuntelfonomvilUlefono
BeTouch2deunodelosinvestigadores.Porunpequeoaccidenteseechaperderdichomovil.
Aqunoseincluyeelcoste(200).

2.3

Conclusions
Conclusiones

Deltrabajorealizadosepuedenextraerlassiguientesconclusiones:
Delarealizacindelamaquetavolumtricadeledificio:

Las fuentes disponibles en internet (Google Maps y Google Earth) conjuntamente con
fotografas tomadasapiede edificio,permitenrealizarunamaqueta bastanteaproximada,
sin necesidad de tomar medidas relales. Comoloque se buscaba eraobtener un volumen
aproximadoalarealidad y setrataba deunarealidad demasiadograndeeinaccesiblepara
sermedidaamano,estasherramientasresultaronmsquesuficientes.
Es mucho ms exacto imprimir el despiece del volumen 3D en piezas 2D impresas sobre
cartnplumaparadespuscortarloymontarlo.

Delarealizacindelosvideosenentornosvirtuales:

Hay que destacar que una de las principales dificultades que se encontraron fue la
colocacin y configuracin de la cmara en el modelo virtual, con el evidente objetivo de
hacerlaconcidir lo mximoposibleconlaposicindelproyectorcon respecto a lamaqueta
fsica,usadosendemostracinfinal.

Delmontajedelplatdeproyeccin:

Hace falta un lugar sin contaminacin lumnica para poder aprovechar la potencia del
proyectorqueennuestrocasoeraescasaportratarsedeunmodelodomstico.
Al usar un slo proyector para toda la maqueta se pondr en una posicin oblicua a la
misma.Obviamentehabrpartesdelamaquetaquequedenfueradesuvista/proyeccin.

2.4

Aplicabilitat(aula/centre)
Aplicabilidad(aula/centro)

Laaplicabilidaddelproyectoalcentroesevidentealtratarsedeunamaquetadeloquesepodra
hacerenelpropioedificiodelcentro.Aefectosprcticoshabraquedisponerdeunproyectorde
granprotenciaycolocarloenlaazoteadealgunodelosedificioscolindantes.Colocarlofenteala
Escuela,sobreelConservatorioSuperiordeMsicareduciralaproyeccinalafachadaprincipal
perosimplificaramuchoelproyecto(unsoloproyector)yofreceragrancalidadalproyectarse
desdeunpuntopoconadaoblicuoodistorsionado.


Posteriormentehabraquerecolocarlacmaraenelentorno3Ddesarrolladocalibrndolaparaque
coincidaconlarealygenerardenuevolosvideos.

ConsideramosqueseraunaaccindegranimpactopublicitarioparalaEscuela.

2.5

Bibliografa
Bibliografa

Ekim,B.(2011).AVideoProjectionMappingConceptualDesignAndApplication:Yekpare.

http://acikerisim.iku.edu.tr:8080/jspui/bitstream/11413/656/1/tojdac_v01i102.pdf

Yoo,H.,&Kim,H.(2014).Onstudyoftheprojectionmappinginmediaarts.InASTLSeriesInternational
ConferenceProceedingPaper.
http://onlinepresent.org/proceedings/vol54_2014/19.pdf

Encina,R.G.M.(2006).Paisagemmapa:umacartografiaartsticadapaisagemurbana.
http://repositorio.unb.br/handle/10482/2697

LoretoAlonsoAtienza&LuisGrcigaRomay,2013.
"Qugigantes?dijoSanchoPanza.ProyeccionesmonumentalesconVideoMappingenlosbicentenariosdelas
independenciasdelasnacioneslatinoamericanas,"Arteysociedad.Revistadeinvestigacin,GrupoEumed.net
(UniversidaddeMlaga),issue5,April.
http://asri.eumed.net/4/videomapping.html

https://www.visualnews.com/2013/05/20/welcometothefutureprojectionmappedsculptures/
http://www.thisiscolossal.com/2011/03/interactivevideoprojectionmappingonanimalsculptures/

Muanis,F.(2011).Projeomapeada:orealeovirtualnasedificaesdasgrandescidades.RevistadoPrograma
dePsgraduaodaEscoladeComunicaodaUFRJ.
http://s3.amazonaws.com/academia.edu.documents/31594570/Muanis_Ecopos2011.pdf?AWSAccessKeyId=AKIAJ
56TQJRTWSMTNPEA&Expires=1465469801&Signature=%2FB7AG0LqHf5IkpG7ha0b3f8g%2F1c%3D&responsec
ontentdisposition=inline%3B%20filename%3DProjecao_mapeada_o_real_e_o_virtual_nas.pdf

ikiTovarovi,J.,ekularac,N.,&Ivanoviekularac,J.(2011).Specificproblemsofmediafacadedesign.Facta
universitatisseries:ArchitectureandCivilEngineering,9(1),193203.
http://www.doiserbia.nb.rs/img/doi/03544605/2011/035446051101193C.pdf

Moghaddam,B.M.(2014).AGuidelineforVirtualReconstructionofHistoricalFacades,3DProjectionMapping
Approach(Doctoraldissertation,EasternMediterraneanUniversity(EMU)DouAkdenizniversitesi(DA)).
http://irep.emu.edu.tr:8080/jspui/bitstream/11129/1670/1/Moghaddam.pdf

Hrastar,T.,Mari,T.,&Bojani,B.DYNAMICAPPEARANCEOFURBANANDARCHITECTURALSURFACES.
PLACESANDTECHNOLOGIES2014,736.


http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.672.4216&rep=rep1&type=pdf#page=749

Tovarovi,J..,ekularac,J.I.,&ekularac,N.INTERACTIVEFACADESINMODERNCITIES.PLACESAND
TECHNOLOGIES2014,728.
http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.672.4216&rep=rep1&type=pdf#page=741

Ippoliti,E.,Moscati,A.,Meschini,A.,Rossi,D.,&DeLuca,L.(2012,September).Sheddinglightonthecity:
Discovering,appreciatingandsharingculturalheritageusing3Dvisualtechnology.InVirtualSystemsand
Multimedia(VSMM),201218thInternationalConferenceon(pp.141148).IEEE.
https://www.researchgate.net/profile/Alessandra_Meschini/publication/261467233_Shedding_light_on_the_city_Disc
overing_appreciating_and_sharing_cultural_heritage_using_3D_visual_technology/links/554369fa0cf234bdb21a6e6
c.pdf

Schoch,O.(2006).Mybuildingismydisplay.InProc.eCAADe(Vol.6,pp.610616).
http://cumincad.architexturez.net/system/files/pdf/2006_610.content.pdf

Hanke,K.,&Grussenmeyer,P.(2002,September).ArchitecturalPhotogrammetry:basictheory,procedures,tools.
InISPRSCommission(Vol.5,pp.12).
https://www.researchgate.net/profile/Klaus_Hanke/publication/277296138_ARCHITECTURAL_PHOTOGRAMMETR
Y_Basic_theory_Procedures_Tools/links/556c056d08aeccd7773a2216.pdf

2.6

Altres
Otros

3
3.1

Resultats(shadaportarladocumentacijustificativadecadaapartat):
Resultados(sehadeaportarladocumentacinjustificativadecadaapartado):
Publicacions,aportacionsacongressosiconferncies,
Publicaciones,aportacionesacongresosyconferencias,

3.2

Representacions,concerts,gravacions,exposicions,
Representaciones,conciertos,grabaciones,exposiciones,

Comoresultadodeestainvestigacinseharealizadounvideodondesepuedeverlastcnicasde
mappingaplicadasalamaquetarealizada.Elvdeosepuedeconsultaren
https://vimeo.com/173176608

Enelvdeosehancolocadosubttulosquepermitenidentificarlastcnicasusadas.Paraverlos
bstaconactivarlosenlaparteinferiorderechadelreproductor

3.3

Assaig,informe,
Ensayo,informe,