PROYECTO FINAL: Espacios Vivos

1 Generalidades

Utiliza Processing para desarrollar un prototipo de composici√≥n visual basada en m√ļltiples elementos animados.

La idea es considerar que esta composición visual exista como parte de un espacio físico, ya sea través de proyecciones, video walls, u otro tipo de displays.

Presentar√°s tu prototipo como video, y un mockup est√°tico de c√≥mo se ver√≠a en el espacio que elijas o dise√Īes.

Puedes trabajar individualmente o en pareja.

1.1 Inspiración

Algunos ejemplos de displays creativos, video walls y proyecciones que pueden darte ideas de cómo contextualizar tu composición.

2 Aspectos técnicos del código

El tama√Īo de lienzo de tu composici√≥n ha de tener al menos 1200px de ancho.

La composici√≥n visual ha de consistir primordialmente de m√ļltiples instancias animadas de alg√ļn elemento que dise√Īes.

El código ha de estar desarrollado utilizando las siguientes herramientas:

Queda a tu consideración elegir qué parámetros de dibujo animarás, cuáles dejarás fijos pero serán diferentes entre cada instancia, y cuáles serán constantes en todas las instancias. Por ejemplo:

Opcionalmente, si lo deseas incorpora alg√ļn aspecto de interactividad con mouse o teclado, que sirva para simular alguna interacci√≥n que podr√≠a suceder en el espacio f√≠sico. Por ejemplo: la composici√≥n cambia cuando alguien est√° cerca, la composici√≥n sigue la posici√≥n horizontal de una persona, etc.

3 Procedimiento sugerido

Los siguientes pasos son una aproximación a un proceso creativo que parte de una idea general y va construyendo cada elemento desde la base.

  1. Realiza boceto(s) de la composición visual que quieres desarrollar.
  2. Realiza boceto(s) del elemento base que repetirás en la composición
  3. Construye una función de dibujo con parámetros que dibuje a una instancia de ese elemento de acuerdo a parámetros dados.
  4. Prueba tu funci√≥n de dibujo llam√°ndola desde un sketch de Processing, asegur√°ndote de que los par√°metros cambien lo que dise√Īaste.
  5. Declara y crea un arreglo por cada par√°metro que quieres que sea distinto entre elementos, de acuerdo a lo que identificaste previamente.
  6. Inicializa los arreglos en setup() como consideres adecuado seg√ļn tu dise√Īo: manualmente, elementos iguales, aleatorios, siguiendo alg√ļn patr√≥n.
  7. Utiliza un ciclo para leer (y modificar, si están animados) los valores de los arreglos dentro de draw(), usándolos como parámetros de tu función de dibujo.
  8. Ajusta lo que consideres necesario:
  9. Captura tu resultado y utilízalo para realizar un mockup

4 Entrega

La entrega del proyecto consistir√° en tres partes:

4.1 Avances del proceso

Publica en el foro del Proyecto Final tus referencias, avances, bocetos, código, resultados, dudas, comentarios, etc. al final de cada sesión de trabajo.

Hacerlo te permitirá tener retroalimentación oportuna y te facilitará tener registrado tu proceso creativo para los otros dos puntos.

Si gustas publicar m√°s seguido, ¬°adelante!

4.2 Presentación en vivo

Presentar√°s tu proyecto al grupo en la √ļltima sesi√≥n del curso.

Utiliza entre 5 y 10 minutos para compartirnos:

4.3 Dossier en PDF

Complementa tu presentaci√≥n con un documento/diapositivas en PDF a entregar a m√°s tardar al finalizar la √ļltima sesi√≥n del curso, en la secci√≥n correspondiente de Actividades.

Incluye en este documento/diapositivas:

Puedes utilizar este dossier como apoyo visual para tu presentación en vivo

5 Cronograma de trabajo propuesto:

La idea es realizar el proyecto en su totalidad durante las sesiones en vivo. Es tiempo suficiente siempre y cuando definamos bien el alcance del proyecto.

Recuerda: publica en el foro tus avances durante los √ļltimos minutos de las sesiones 14 y 15

6 Recomendaciones

Documenta frecuentemente tu proceso: Te recomiendo guardar versiones distintas del código cada vez que hagas cambios significativos, y hacer capturas de imagen y/o video en todas las etapas.

Estaré presente en las sesiones para asesoría y resolución de dudas a nivel individual y grupal. ¡No dudes en compartir tus preguntas!

7 Notas relevantes

7.1 Arreglos

7.2 Ciclos

7.3 Animación

7.4 Dibujo