¡Te doy la bienvenida a este curso de Código Creativo!

En este semestre estudiaremos los fundamentos de la programación con un enfoque en la creación de composiciones visuales interactivas.

Trabajaremos con repetición, parámetros, aleatoriedad, interacción y animación.

Contacto

José Vega: jvegac arroba centro.edu.mx

Disponible por correo de lunes a viernes.

Sesiones

A continuación se encuentran enlistadas las agendas de las sesiones del curso, con enlaces a las notas y actividades relevantes.

Las sesiones pasadas se mantienen sin cambios para fines de referencia, y las sesiones futuras están sujetas a modificaciones/adaptaciones.

En general la estructura de las sesiones consiste en:

• Conversación / Ejemplo de código creativo profesional
• Tutorial (grabado y compartido con el grupo)
• Break
• Workshop
• Recapitulación

Actividades

Prácticamente todas las sesiones del curso contienen actividades prácticas a realizarse durante la sesión.

Realízalas y regístralas en el Notebook correspondiente al parcial en el que estemos, creando una Cadena y respondiéndola sucesivamente.

Por cada entrada en tu Notebook, registra por lo menos lo siguiente:

1. Breve descripción de lo que hiciste
2. Imágenes resultantes
3. Código fuente
4. Hallazgos, obstáculos y/o otros aprendizajes que quieras compartir con lxs demás
5. Indicación de qué actividad estás documentando

La tabla de Calificaciones en Brightspace será el espacio en el que registraré el progreso de cada una de estas evidencias:

• 10 si están documentadas con los 5/5 elementos mencionados arriba
• 6 si están documentadas pero de manera incompleta
• 0 si no están documentadas

Tiempos de entrega

Las actividades están diseñadas para realizarse durante la sesión OnLive. Las podemos entender como breves estudios, no como proyectos elaborados.

Como sea, si quisieras utilizar más tiempo para desarrollarlas, tendrás hasta antes de la sesión siguiente para concluirlas.

En el caso de las actividades que abarcan varias sesiones, es necesario que compartas avances correspondientes a cada sesión.

Primer Parcial

Sesión 1 - Introducción

Jueves 27 de enero de 2022, 12:00 horas UTC-6

Actividades

• Conversación: Presentaciones, nociones, expectativas (~15 min)
• Presentación: Vistazo al curso (~15 min)
  • Objetivos
  • Código de conducta
  • Entregas
• Actividad: Instrucciones de dibujo (~20 min)
  • Dibujo a voz a dibujo
• Break (~5 min)
• Actividad: Instrucciones de dibujo (~30 min)
  • Dibujo a texto a dibujo (Instrucciones resultantes)
• Presentación: Marco de referencia: espacio cartesiano
• Cierre

Notas

• Canvas y sistema de coordenadas

Tarea

• Descarga e instala Processing desde processing.org/download

Sesión 2 - Coordenadas, Puntos y Líneas

Jueves 3 de febrero de 2022, 12:00 horas UTC-6

Actividades

• Código Creativo Profesional: Sketches diarios de Saskia Freeke (@sasj_nl) (~10 min)
• Presentación: Papel, coordenadas, bocetos (~10 min)
  • Marco de referencia (espacio cartesiano)
  • Mundo numérico
  • Puntos y Líneas
• Tutorial: Líneas en Processing (~30 min)
  • Fundamentos de Processing
  • Funciones:
    • size();
    • line( x1, y1, x2, y2);
    • point( x, y );
    • strokeWeight( n );
    • save( s );
  • Dibujo, boceto, código
  • Tutorial: Patrones con líneas
• Break (~5 min)
• Workshop: Patrones con líneas (~40 min)
• Cierre y Recapitulación (~10 min)

Notas

• Canvas y sistema de coordenadas
• Dibujo con puntos y líneas
• Notas sobre sintaxis

Entrega

Publica tus respuestas y resultados de la actividad Patrones con líneas en el Notebook del Primer Parcial en Brightspace.

Práctica

Te recomiendo realizar la actividad de Patrones con líneas con otra(s) de las imágenes.

Comparte tus resultados en el foro!

Sesión 3 - Colores, Figuras y Variables

Jueves 10 de febrero de 2022, 12:00 horas UTC-6

Actividades

• Conversación: Colorspace x SOSO - líneas, colores, interactividad, más allá de la pantalla.
• Tutorial: (~30 min)
  • Dibujo paramétrico:
    • Variables width y height
      
  • Vistazo a funciones de figuras
• Break (~5 min)
• Tutorial: Introducción a funciones de color (~15 min)
• Workshop: Composición a color (Primera parte) (~30 min)
• Cierre (~5 min)

Notas

• [Color]
• [Dibujo con figuras]
• [Operadores aritméticos]

Entrega

¡Comparte tus avances en el foro!

Tarea

Ve el documental Hello World! Processing:

• Hello World! Processing
• Hello World! Processing (subtítulos en español)

Lo comentaremos en la siguiente sesión.

Sesión 4 - Colores, Variables y Parámetros

Jueves 17 de febrero de 2022, 12:00 horas UTC-6

Actividades

• Conversación: Documental Hello World! Processing (~10 min)
  • ¿Qué aplicaciones de Processing llamaron más tu atención?
  • ¿Qué posibilidades se te ocurren en relación a tu carrera?
• Tutorial: Introducción a Dibujo Paramétrico (~30 min)
  • Variables: Declaración, asignación, uso
  • Dibujo paramétrico:
    • Variables width y height
    • Variables propias: tamaños, colores, posiciones
    • Ejemplos y posibilidades
• Break (~5 min)
• Workshop: Continuamos y terminamos con: Composición a color (Primera parte) (~50 min)
• Cierre (~5 min)

Notas

• [Color]
• [Dibujo con figuras]
• [Variables: Fundamentos]
• [Operadores aritméticos]
• [Dibujo con puntos y líneas]

Entrega

Completa la actividad (Primera parte) y publícala en el Notebook correspondiente.

Sesión 5 - Aleatoriedad y Expresiones Condicionales

Jueves 24 de febrero de 2022, 12:00 horas UTC-6

Actividades

• Conversación: Diseño generativo: Nervous System (~10 min)
• Tutorial: Parámetros aleatorios (~40 min)
  • Funciones de pseudo-aleatoriedad
  • Estructura, parámetros, y una pizca de caos
  • Enunciados condicionales
• Break (~5 min)
• Workshop: Composición a color (Segunda parte) (~50 min)
• Cierre (~5 min)

Notas

• [Números pseudo-aleatorios]
• [Expresiones condicionales]

Entrega

Completa la actividad y publícala en el foro correspondiente.

Sesión 6 - Ciclo de animación, Interactividad

Jueves 3 de marzo de 2022, 12:00 horas UTC-6

Actividades

• Conversación: Sketches diarios de Saskia Freeke (@sasj_nl) (~10 min)
• Tutorial: Ciclo de animación (~40 min)
  • Estructura: setup() y draw()
  • Variables mouseX, mouseY
  • Variaciones con el fondo (background)
  • Mapeo con map( )
  • Condicionales para interactividad
• Break (~5 min)
• Workshop: Diseños interactivos (~30 min)
  • Partiendo de alguna de tus composiciones anteriores, o de algún elemento en ellas, incorpora al menos un parámetro interactivo.
  • Sugerencias de parámetros a modificar: posiciones, dimensiones, distancias, grosores, cantidad de repeticiones, colores
• Cierre: Compartimos hallazgos (~15 min)

Notas

• [Ciclo de animación]
• [Expresiones condicionales]
• [Interactividad con mouse y teclado]
• [Mapeo/conversión de valores]

Entrega

Completa la actividad y publícala en el foro correspondiente.

Sesión 7 - Conversatorio: Mujeres en el diseño y la tecnología

Jueves 10 de marzo de 2022, 12:00 horas UTC-6

Actividades

• Conversatorio: Mujeres en el diseño y la tecnología (~90 minutos)
• Conversación: Comentarios y reflexiones
• Panorama para el resto del parcial

Sesión 8 - Workshop: Gráficos Interactivos

Jueves 17 de marzo de 2022, 12:00 horas UTC-6

Actividades

• Conversación: Diseños interactivos, Proyecto Parcial
• Workshop: Proyecto Parcial (~90 min)
• Cierre: Compartir avances (~15 min)

Proyecto Parcial

• PROYECTO PARCIAL: Gráficos Interactivos

Notas

• [Ciclo de animación]
• [Interactividad con mouse y teclado]
• [Animación en función del tiempo (frameCount)]
• [Números pseudo-aleatorios]
• [Operador módulo]

Sesión 9 - Workshop: Gráficos Interactivos

Jueves 24 de marzo de 2022, 12:00 horas UTC-6

Actividades

• Inicio: Diagnóstico, plan del día (~10 min)
• Workshop: Proyecto parcial (~90 min)
• Cierre: Tiempo para compartir documentación final en el foro (~20 min)

Proyecto Parcial

• PROYECTO PARCIAL: Gráficos Interactivos

Segundo Parcial

Sesión 10 - Posibilidades de Animación

Jueves 6 de abril de 2022, 12:00 horas UTC-5

Actividades

• Conversación: My Heart On My Dress - Jingwen Zhu - Salidas visuales condicionales pero más allá de la pantalla. (~10 min)
• Tutorial: Animación básica con acumuladores (~40 min)
  • Acumuladores
  • Incrementa y reinicia
  • Posiciones, dimensiones
  • Transiciones de color
• Break (~5 min)
• Workshop: Posibilidades de animación
• Cierre: Comparte tus avances en el foro

Notas

• [Ciclo de animación]
• [Interactividad con mouse y teclado]
• [Animación básica con acumuladores]
• [Animación en función del tiempo (frameCount)]

Sesión 11 - Repetición con ciclos while

Jueves 28 de abril de 2022, 12:00 horas UTC-5

Actividades

• Conversación:
• Tutorial: Ciclos while (~40 min)
  • Encontrando patrones
  • Expresiones booleanas
  • Estructura del ciclo
    • Versión con acumulador
  • Ejemplos y posibilidades
• Break (~5 min)
• Workshop: Patrones basados en repetición (~40 min)
  • Identifica algún elemento repetitivo de tus dibujos anteriores, y exprésalo utilizando ciclo(s) while.
  • Comparte tus bocetos, código, imágenes resultantes, y comentarios
• Cierre: Compartimos hallazgos (~15 min)

Notas

• [Ciclos while y for]
• [Variables: Contadores, Acumuladores, Banderas]
• [Variables y expresiones booleanas]

Sesión 12 - Ciclos while y ciclos for

Jueves 5 de mayo de 2022, 12:00 horas UTC-5

Actividades

• Recapitulación: Ciclos while (~20 min)
  • Patrones y Abstracción
  • Sintaxis
• Tutorial: Ciclos for (~20 min)
  • Estructura del ciclo for
  • Ejemplo: Múltiples objetos aleatorios
• Break: (~5 min)
• Workshop: Patrones basados en repetición (~40 min)
  • Identifica algún elemento repetitivo de tus dibujos anteriores, y exprésalo utilizando ciclo(s) while.
  • Comparte tus bocetos, código, imágenes resultantes, y comentarios
• Cierre: Compartimos hallazgos (~15 min)

Notas

• [Ciclos while y for]
• [Ciclos anidados: Repetición en dos dimensiones]
• [Variables: Contadores, Acumuladores, Banderas]
• [Variables y expresiones booleanas]

Sesión 13 - Inicio y Workshop: Proyecto Final

Jueves 12 de mayo de 2022, 12:00 horas UTC-5

• Código Creativo Profesional: teamLab
• Presentación: Proyecto Final
• Recapitulación: Animación e interactividad
• Break: (~5 min)
• Workshop
• Cierre: Comparte tus avances en el foro correspondiente

Proyecto Final

• PROYECTO FINAL: Composición Interactiva

Sesión 14 - Workshop: Proyecto Final

Jueves 19 de mayo de 2022, 12:00 horas UTC-6

• Mini Tutorial: Curvas Bézier
  • bezier() - en la referencia oficial de Processing
  • p5PlayGround - Modo playground para explorar la funcioń de bezier()
• Workshop: Proyecto Final
• Cierre: Comparte tus avances en el foro correspondiente

Proyecto Final

• PROYECTO FINAL: Composición Interactiva

Sesión 15 - Workshop: Proyecto Final

Jueves 26 de mayo de 2022, 12:00 horas UTC-5

Proyecto Final

• PROYECTO FINAL: Composición Interactiva

Sesión 16 - Presentaciones Proyecto Final 🌟

Jueves 2 de junio de 2022, 12:00 horas UTC-5

Actividades

• Recapitulación: Breve recapitulación del curso y dinámica de presentaciones.
• Presentaciones Proyecto Final: Máximo 8 minutos por presentación + retroalimentación.
• Cierre del curso

Enlaces externos

• Brunirows Code: Programación en Processing (playlist youtube)
• Air Room: Taller introducción a la Programación Creativa con Processing (playlist youtube)
• Processing Language Reference
• The Coding Train