Unidad 8

Introducción 📜

Tocar visuales en vivo

Has acumulado un arsenal de conceptos y técnicas: desde los fundamentos de la simulación y el diseño generativo hasta agentes autónomos y física simulada. Ahora, es el momento de integrar todo este conocimiento en un proyecto final: crear una pieza de arte generativo algorítmico interactivo y en tiempo real para interpretar en vivo un tema musical.

El objetivo es diseñar e implementar un sistema visual para un tema musical que interpretarás en vivo.

Set: ¿Qué aprenderás en esta unidad? 💡

Objetivos de aprendizaje

Al finalizar esta unidad, serás capaz de:

• Integrar los conceptos y técnicas aprendidas en unidades anteriores para crear una pieza de arte generativo algorítmico interactivo y en tiempo real.
• Diseñar e implementar un sistema de visualización generativa que te permita interpretar en tiempo real un tema musical.

Actividad 01

🎯 Enunciado

Vas a mirar de nuevo uno de los trabajos de la artista visual Alba G. Corral, una referente en la creación de visuales generativos en tiempo real para música en vivo, para inspirar nuestro reto final.

Recursos

• Explora fragmentos de al menos 2-3 de estos enlaces:
  • Blog de Alba G. Corral: https://blog.albagcorral.com/ (navega por sus proyectos).
  • Sónar+D CCCB 2020: Carles Viarnès & Alba G. Corral 360º AV Show
  • Le Parody & Alba G. Corral: En directo en el Teatro Principal de Zaragoza
  • Dimension N: Alba G Corral & Makaruk - Performance at Festival des Bains Numeriques #9

Pasos:

1. Observa y escucha: mira fragmentos de al menos dos performances diferentes (Sonar+D, Le Parody, Dimension N) y explora brevemente su blog. Presta atención a la relación entre lo que escuchas y lo que ves.
2. Analiza la conexión Sonido-Imagen: ¿Cómo parecen conectarse los visuales con la música? ¿Responden al ritmo, a la intensidad, a las frecuencias (graves/agudos), a la atmósfera general? ¿De qué manera?
3. Identifica elementos generativos: ¿Qué aspectos de los visuales te parecen “generativos”? ¿Ves patrones que evolucionan, elementos que aparecen y desaparecen, texturas que cambian? ¿Parece que cada performance sería diferente aunque la música fuera la misma?
4. Reflexiona sobre la “Liveness”: ¿Qué sensación te transmite el hecho de que los visuales se generen (probablemente) en tiempo real junto con la música?

🧐🧪✍️ Reporta en tu bitácora

1. Describe tus observaciones sobre la conexión sonido-imagen en al menos dos de las performances vistas.
2. Explica qué elementos te parecieron generativos y por qué crees que cada visualización sería única.
3. Comparte tu reflexión sobre la sensación de “liveness”.

Seek: Investigación 🔎

Actividad 02

Diseño del concepto y selección de inputs

🎯 Enunciado

Iniciarás el proceso de diseño. Define el concepto visual general, selecciona la pieza musical y determina qué inputs utilizarás para interpretar la música en tiempo real.

Recursos

• Tu inspiración de la Actividad 01.

Pasos:

1. Selecciona la música: elige una pieza musical que te inspire y sobre la que trabajarás. Proporciona un enlace o el archivo si es posible.
2. Define el concepto visual: Escribe una breve descripción de tu concepto.
3. Identifica los inputs interpretativos: define con qué inputs y por qué con estos INTERPRETARÁS las visuales en tiempo real con la música.
4. Diseña tu sistema de visualización: realiza bocetos de tu idea visual y cómo los inputs seleccionados influirán en los visuales.

🧐🧪✍️ Reporta en tu bitácora

1. La pieza musical elegida (con enlace/archivo si es posible).
2. La descripción de tu concepto visual.
3. Los inputs seleccionados y la justificación de por qué los elegiste.
4. ¿Qué algoritmos o técnicas planeas usar (ej: flow fields, flocking, física, partículas, etc.) y por qué?
5. Tus bocetos y una explicación de cómo los inputs influirán en los visuales.

Apply: Aplicación 🛠

Actividad 03

Es momento de implementar y ensayar tu sistema de visualización generativa en p5.js.

🧐🧪✍️ Reporta en tu bitácora

1. El código fuente completo de tu sketch en p5.js.
2. Un enlace a tu sketch en el editor de p5.js.
3. Capturas de pantalla mostrando tu pieza en acción.

Evidencias 🗂️

RUBRICA!

• Recuerda que la bitácora se cierra 10 minutos antes de iniciar la sesión de evaluación de la unidad (segunda sesión de la segunda semana). plasma en la bitácora. La bitácora no es un resultado que se llena a última hora.
• Si no realizas la autoevaluación tu nota será 0.
• Si una actividad no está COMPLETA debes multiplicar la nota de esa actividad por el porcentaje de avance que tengas.
• Puedes usar IA generativa para generar código, pero NO para DISEÑAR.

Rúbrica de evaluación del proceso

5: realicé las 3 actividades completas y la autoevaluación.
3: realicé 2 actividades completas y la autoevaluación.
2: realicé 1 actividad completa y la autoevaluación.
0: no realicé ninguna actividad o no realicé la autoevaluación.

EVIDENCIAS EN BITÁCORA

1. Realiza las actividades propuestas en esta unidad y documenta todo el proceso en tu bitácora.
2. Realiza la autoevaluación indicando:
   • Tu nota propuesta.
   • La defensa de esa nota para cada actividad.

Reflect: Consolidación y metacognición 🤔

Llegamos al final del curso. Te invita a tomar papel y lápiz y listar todos los conceptos que aprendiste en el curso. Trata de relacionarlos entre si, pero piensa en este escenario: con este diagrama le vas a explicar a una persona que no sabe nada del curso sobre los conceptos que aprenderá cuando lo tome. ¿Por qué te pido que lo hagas? Porque es una excelente manera de consolidar lo que aprendiste y ver cómo todo se conecta. Además, sabías que explicar algo a otra persona es una de las mejores maneras de aprenderlo? Es muy curioso, uno pensaría que es al revés, pero no.