¡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.
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:
- Breve descripción de lo que hiciste
- Imágenes resultantes
- Código fuente
- Hallazgos, obstáculos y/o otros aprendizajes que quieras compartir
con lxs demás
- 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)
- Break (~5 min)
- Actividad: Instrucciones de
dibujo (~30 min)
- Presentación: Marco de referencia: espacio
cartesiano
- Cierre
Notas
Tarea
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
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:
- 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
Entrega
¡Comparte tus avances en el foro!
Tarea
Ve el documental Hello World! Processing:
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
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
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
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
Notas
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
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
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
- 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
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
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
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
Sesión 15 - Workshop:
Proyecto Final
Jueves 26 de mayo de 2022, 12:00 horas UTC-5
Proyecto Final
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