--- tags: Making For Change title: Proyecto Video Mapping --- ## **MAPEO DE CONTENIDO VISUAL SOBRE SUPERFICIES PARA COMUNIDADES EDUCATIVAS** ### 1. ¿ Qué es el video mapping ? El video mapping es una técnica visual que consiste en proyectar imágenes sobre superficies reales, como por ejemplo en la parte exterior de edificios, techos, paredes o cúpulas (o donde tú lo quieras imaginar). Las imágenes se proyectan de modo que se generan efectos de movimiento o 3D, con lo que se consigue transmitir ¡una experiencia visual realmente increíble! Con el video mapping se pueden conseguir efectos audiovisuales y artísticos impresionantes, fuera de lo común y aún poco explotados por los artistas de medios audiovisuales. Cada superficie es única, por ello la experiencia audiovisual se vuelve también exclusiva, ya que los resultados de la proyección son totalmente distintos de una superficie a otra. Una proyección de video mapping suele ir acompañada de sonido, por lo que la experiencia se convierte en algo realmente envolvente para todos nuestros sentidos. Para hacerte una idea, aquí tienes un video con ejemplos espectaculares de mapping sobre diferentes superfícies: <iframe width="710" height="415" src="https://www.youtube.com/embed/PKMCB5v8pt0?si=xQlF2ZtOenr7vEr0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> ### 2. Elementos clave para preparar el video mapping ? La **luz, la perspectiva y el sonido** son los 3 elementos más importantes y a tener en cuenta a la hora de diseñar y crear un video mapping. Especialmente la luz, es el elemento más importante de los 3 mencionados. Con la luz nos es posible ver y definir el espacio, los colores y las texturas de las proyecciones. Permite crear la profundidad y por lo tanto la tridimensionalidad volumétrica necesaria para que la animación se convierta en una ilusión. La luz, y cómo interacciona con los elementos físicos sobre los cuales se proyecta, es esencial para crear una experiencia visual completa e impactante. ### 3. Calcular distancia del proyector a la superfície de proyección Hay una relación entre el tamaño de pantalla (aquí ‘pantalla’ son las dimensiones de la imagen proyectada) que busques y la distancia a la que debes situar el proyector (throw ratio). Aunque no son valores exactos -pueden variar según el modelo: revisa las especificaciones técnicas- para hacer un cálculo aproximado muévete entre 1,5 y algo menos de 2 veces el ancho de la pantalla (por ejemplo: una pantalla de 80″ -a 16:9- tiene 1,77 mts de ancho por lo que la distancia mínima aproximada estará entre 2,7 y 3,3 mts). ![](https://i.imgur.com/WtGT7rN.png) No olvides que los proyectores de corta distancia te pueden solucionar problemas de espacio ya que consiguen buenas diagonales a 1 metro -más o menos- de la pantalla. Eso sí, si te decides por ellos debes utilizar una superficie de proyección sin ningún tipo de pliegues u ondas ya que en estos casos se acentúa el efecto visual de las imperfecciones. Si aún así tienes dudas, [ves a esta página](https://www.projectorcentral.com/projection-calculator-pro.cfm) donde puedes elegir el modelo de proyectos y automáticamente calcula la distancia ideal. También incluye una calculadora por si no encuentras tu modelo. Imagen de "Projector Central": [![image](https://hackmd.io/_uploads/H1Eamtb_T.png)](https://www.projectorcentral.com/projection-calculator-pro.cfm) ### 4. Cuantos lúmenes debe tener un proyector *nota: LA ( Luz Ambiental )* - **Para cine en casa (poca o nula LA; 1080p)**: Unos 1000 lúmenes son suficientes; hasta 1500 lúmenes según el tamaño de la habitación y la pantalla. La función 3D reduce el brillo de salida. - **Para casa (algo de luz ambiental; contenido genérico)**: Alrededor de 2000 lúmenes (puede que más, según el nivel de LA) - **Para oficina / Para dar clases (LA)**: 2500-3500 lúmens (salas pequeñas-medias; diagonales de 70″-80″) 3500-5000 lúmens (aforos medios-grandes; diagonales grandes) - **Para presentaciones (salas pequeñas, pocas personas; algo de LA)**: Proyectores portátiles (LED; en torno a 1000 lúmenes) - **Para exterior con luz de día (también de noche)**: A partir de 4000 lúmenes (más en el caso de proyecciones diurnas). ### 5. Opciones y Herramientas para videomapping ![image](https://hackmd.io/_uploads/HygCTiWd6.png) Ejemplo de configuración y ejercicio en el aula para hacer videomapping con cajas de cartón blancas. #### 5.1 Proyección básica - Google Slides o PowerPoint + Proyector 0. Conectas tu dispositivo a un proyector. 1. Creas una presentación con alguna de las herramientas ( Google Slides o Power Point). [Aquí tienes un ejemplo](https://docs.google.com/presentation/d/1uZoOWl6xq1Op14-l5utkEq13c5p7dyJDGMMOeMJtZl0/edit?usp=sharing). 2. En cada slide que quieras proyectar, utilizas fondo negro. Recuerda, el negro no se proyecta. 3. Cargas imágenes o gif que quieras proyectar. 4. Ajusta cada imagen o gif a la forma que quieras. ![image](https://hackmd.io/_uploads/rJ46OiZOT.png) 5. Pon tu presentación en modo pantalla completa. Si no queda claro, aquí tienes un videotutorial: <iframe width="710" height="415" src="https://www.youtube.com/embed/NBJK4LI26tA?si=IWtLSr8-27RnEjiW" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> #### 5.2 Proyección básica - Scratch (o video) + Proyector *Material: proyector + video o proyecto en Scratch* Es una de las opciones más sencillas y con menos coste. No se le puede considerar videomapping porque no se utiliza ningún software para el ajuste de perspectiva de la imagen. Pasos: 1. Se coloca el proyector perpendicularmente a la superfície de proyección. 2. Abrimos un proyecto en Scratch y se ajusta la posición del proyector para ajustarla lo mejor posible a la superfície de proyección. 3. Se marca la posición del proyector. 4. Captura la imagen proyectada ( será el lienzo sobre el que se trabajará en Scratch). 5. Se realiza el proyecto en Scratch. Recordad que el negro no se proyecta. 6. Se lanza el proyecto en Scratch sobre la superfície. Algunos ejemplos: **I Concurso de Mapping con Scratch e Imagina** <iframe width="710" height="415" src="https://www.youtube.com/embed/KmsxzPlfPt4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> **Mapping con Scratch en Badalona** <iframe src="https://player.vimeo.com/video/268149680" width="710" height="415" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/268149680">Mapping amb Scratch a Badalona</a> from <a href="https://vimeo.com/scratchcatala">ScratchCatal&agrave;</a> on <a href="https://vimeo.com">Vimeo</a>.</p> **Mapping Ayuntamiento de Navás** https://www.regio7.cat/multimedia/videos/comarques/bages/2017-01-25-114547-mapping-faana-lajuntament-navas.html ##### 5.2.1 Cómo hacer video mapping con Scratch *nota: original de pensactius.cat* <iframe width="710" height="415" src="https://www.youtube.com/embed/z1WEAJxKP60" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> Ficheros del tutorial: - https://scratch.mit.edu/projects/140097893/ - https://scratch.mit.edu/projects/209863211/ #### 5.3 Mapping con app "DynaMapper" *Material: proyector, [app "DynaMapper"](https://play.google.com/store/apps/details?id=com.reotek.projectionmappergoogle&pli=1), video e imágenes a proyectar ( se puede extraer una imagen o un video del proyecto en Scratch), cable tablet/móvil a proyector o Google Chrome Cast para hacer mirror desde la tablet o móvil* ![image](https://hackmd.io/_uploads/SJm-LKbdT.png) DynaMapper la puedes encontrar en: - [Google Play](https://play.google.com/store/apps/details?id=com.reotek.projectionmappergoogle&hl=en_US) - AppStore Es una opción **rápida, efectiva y de bajo coste** ( <3€ aprox app disponible en Google Play o Apple Store). DynaMapper te permite grabar varias imágenes y vídeos en superficies 3D para crear arte digital.Además, permite hacer ajustes de perspectiva y corrección de posición del proyector de una manera sencilla. Pasos: 1. Generar video / imágenes del proyecto en Scratch o cualquier otra herramienta de creación de videos. 2. Conectar proyector a la tablet / móvil con la aplicación móvil 3. Ajustar y corregir la perspectiva de la proyección con la aplicación. **¿ Cómo utilizar DynaMapper ? - Video tutorial** <iframe width="710" height="415" src="https://www.youtube.com/embed/_GBPsLboXAA?si=DbxaseEm0nuYnfer" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> #### 5.4 Mapping con ofxPiMapper *Material: Proyector, Raspberry Pi con [ofxPiMapper](https://ofxpimapper.com/) , video e imágenes a proyectar ( se puede extraer una imagen o un vídeo del proyecto en Scratch)* Genial opción de código abierto y bajo coste desarrollada por Krišjānis Rijnieks. Permite hacer ajustes de perspectiva y corrección de posición del proyector de una manera sencilla. Tiene algunas limitaciones en el formato de compresión de vídeo. Pasos: 1. Generar video / imágenes del proyecto en Scratch 2. Guardar el video y las imágenes en la carpeta correspondiente del software ofxPiMapper. 3. Conectar proyector a la Raspberry Pi. 4. Ajustar y corregir la perspectiva de la proyección con la aplicación. Tutorial: https://ofxpimapper.com/ <iframe width="710" height="415" src="https://www.youtube.com/embed/-WQE6hynKpM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> #### 5.5 Mapping con MapMap (opensource y multiplataforma) [MapMap](https://mapmapteam.github.io/) es un software gratuito y de código abierto para video-mapping (mapeo de proyecciones) destinado a artistas y entornos educativos. Su interfaz intuitiva facilita el aprendizaje y promueve la expresión artística. Este software está disponible en Windows, OSX y Linux. MapMap ofrece a los usuarios la capacidad de proyectar mapas en cualquier superficie que elijan. MapMap toma fuentes de medios audiovisuales (imágenes, videos) y da a los usuarios la posibilidad de manipular los medios en diferentes posiciones y formas. Las fuentes de medios pueden provenir de cualquier variedad de formatos de medios aceptados. Con una interfaz fácil de entender, los nuevos usuarios pueden comenzar en minutos. #### 5.6 Mapping con VPT8 [VPT8](https://hcgilje.wordpress.com/vpt/) es un software gratuito para video-mapping. Disponible para Windows y Mac. **Interfície de VPT8** ![image](https://hackmd.io/_uploads/HJM5u3wj6.png) <iframe width="719" height="415" src="https://www.youtube.com/embed/it2Haaam6U0?si=DLy28kQKl5uqiUlo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> #### 5.7 Alternativas para Mac y iOS ( iPAD o iPhone) **ISADORA** [Isadora](https://troikatronix.com/get-it/) es un programa de software diseñado para permitir la manipulación interactiva en tiempo real de los medios digitales, incluidos videos pregrabados, videos en vivo, sonido, archivos MIDI estándar y más. Puede crear un programa Isadora al vincular módulos (llamados actores en el lenguaje Isadora), cada uno de los cuales realiza una función específica en los medios. Puede hacer que estos programas sean interactivos al vincular actores con otro tipo de módulo, llamado observador, que busca información del mundo exterior (es decir, mensajes MIDI, acciones del mouse y del teclado, mensajes enviados a través de una red de área local). Los resultados se presentan a través de pantallas de video, altavoces o interfaces MIDI de la computadora. También funciona en Windows y tiene versión gratuita ( con todas las opciones pero no te permite guardar el proyecto) o versión de pago con diferentes alternativas, desde compra propietaria, pago mensual, anual o incluso alquiler por días. [El manual está en castellano.](https://troikatronix.com/files/isadora-manual-es.pdf) ### 6. Mapping a partir de código Hay lenguajes de programación que permiten incorporar librerias optimizadas para facilitzar el mapeo sobre superfícies a partir de código creativo. #### 6.1. Mapeo con P5js **Libreria [P5.mapper](https://github.com/jdeboi/p5.mapper)** ![image_2024-02-10_16-22-41](https://hackmd.io/_uploads/rJH_p2Dsa.png) #### 6.2. Projection mapping con Processing [Processing](https://github.com/bomanimc/Interactive-Projection-Mapping-Examples?tab=readme-ov-file) Utilizando la [**Libreria Keystone**](https://fh-potsdam.github.io/doing-projection-mapping/processing-keystone/) ![image](https://hackmd.io/_uploads/Syra03Poa.png) ### 7. Mapping con softwares profesionales ( opción de alta calidad y coste) Aquí podéis encontrar un listado con más de 20 softwares profesionales para hacer videomapping: http://projection-mapping.org/software/
Last changed by  
 
Xavier Dominguez
4939

Read more

Remix The School (Distributed)

Remix The School Distributed Map visualitza la xarxa de comunitats de pràctica que acceleren cap a la circularitat a través de l'educació STEAM, l'aprenentatge per projectes maker i els biomaterials. Fes click aquí per navegar sobre el mapa. Remix The School (Distributed) és un programa de Fab Lab Barcelona amb el suport del Consulat General dels Estats Units a Barcelona Per qualsevol dubte podeu contactar amb xavi@fablabbcn.org o santi@fablabbcn.org

2/20/2022
CAD WITH CODE

Introduction What's OpenScad ? It's a software for creating 3D CAD Objects. It is a script-only based modeller that uses its own description language; parts can be previewed, but it cannot be interactively selected or modified by mouse in the 3D view. An OpenSCAD script specifies geometric primitives (such as spheres, boxes, cylinders, etc.) and defines how they are modified and combined (for instance by intersection, difference, envelope combination and Minkowski sums) to render a 3D model. As such, the program does constructive solid geometry (CSG). OpenSCAD is available for Windows, Linux and OS X. It's OpenSource :https://github.com/openscad/openscad/ How to install ? :http://www.openscad.org/downloads.html Who use it ? : OpenScad is part of the 3D Cad Soft Free Segment which only represent 1% of the CAD users. Source

1/2/2022
Pensamiento Computacional a través del TINKERING para una educación STEAM

Curso - Pensamiento Computacional a través del TINKERING para una educación STEAM Esta página está co-creada por el equipo docente de Pensamiento Computacional a través del TINKERING para una educación STEAM y de la escuela St. Mary's de Sevilla. Sobre cómo documentar y completar las prácticas Utilizaremos esta misma página y el editor que lleva incorporado para documentar la evolución del curso. Cada participante es libre de añadir recursos o modificar las prácticas asociadas a cada sesión. Para añadir texto, darle formato, incluir links o subir imágenes utilizar el editor de la página HackMD Para compartir o añadir ficheros externos utilizar Google Drive con permisos de escritura. Si hay dudas o preguntas añadidlas a la sección "FAQS Dudas / Preguntas / Sugerencias" que podéis encontrar al final de la página.

11/3/2021
Experiencia Atenea - Midiendo Nuestro Entorno - Fundación Varkey

Experiencia Atenea - Midiendo Nuestro Entorno - Fundación Varkey Introducción Este experiencia intensiva de 1 semana está destinado a docentesde la Comunidad Atenea de la Fundación Varkey (https://www.comunidadatenea.org/), tiene como objetivo vivir una experiencia de aprendizaje activa para entender los datos que nos rodean a través del pensamiento computacional, el pensamiento crítico y el uso de la efectivo de la tecnología como medio y no como fin. Esta formación se enmarca dentro del Objetivo de Desarrollo Sostenible número 4, Educación de Calidad y 11, Ciudades y Comunidades Sostenibles que nos propone las Naciones Unidas. El ODS #11 pretende lograr que las ciudades y los asentamientos humanos sean inclusivos, seguros, resilientes y sostenibles. Conocer el entorno que nos rodea a través de los datos, ser conscientes de la contaminación acústica y proponer soluciones para lograr un entorno más sostenible son los objetivos transversales que pretendemos conseguir en esta formación. Proyectos de referencia entorno a los datos, sensores y comunidades A continuación se detallan experiencias realizadas previamente y proyectos de referencia entorno a los datos, los sensores y la tecnología. Proyectos personales, de ciencia ciudadana y experiencias en ecosistemas educativos.

4/27/2021
Read more from Xavier Dominguez
Published on HackMD