Imagen Escrita 2021
| Asignatura(s) | Imagen Escrita |
|---|---|
| Año | 2021 |
| Tipo de Curso | Ramo Lectivo |
| Profesores | Herbert Spencer |
| Profesor(es) Ayudante(s) | Renee Rodo |
| Estudiantes | Felipe Gandolfo Álvarez, Catalina Landeros Rojas, Catalina Manzo, Arturo Céspedes, Tomás Arismendi, Valentina Leiva, Dominique Ávila, Constanza Zapata, Valeria Martinez Saavedra, Matías Morales Jiménez, Emilia Cordero Geve, Isadora Zamora Figueroa, Pia Espinoza Schmith, Paloma Álvarez, Joel Henríquez, Antonia Pino Salinas, Gabriela Márquez Alamos, Solange Osorio, Diego Lai, Antonella Sierralta, Francisca Loyola, Antonia Gaiche Bünzli, Pedro González Hidalgo |
| Palabras Clave | programación gráfica, processing, p5js, html, css, js |
| Carreras Relacionadas | Diseño |
Estudiantes
Horarios de clase: Lunes de 3:50 pm a 5:20 pm vía zoom
Páginas Personales
Para que tu página aparezca en el listado debes crear un Nuevo Proyecto con Curso Relacionado: Imagen Escrita 2021
Herramientas
Referencias
Clases
Clase 1
9 de Agosto
- Se realiza una introducción a la materia y al software P5Js.
- Ejercicio: cada alumne debe realizar una imagen a partir de códigos, como primer ejercicio de aproximación a p5js.
- Encargo: lectura libro Introducción a p5js, hasta la página 45
Clase 2
16 de Agosto
- Se profundiza en herramientas de dibujo, software P5Js.
- Ejercicio: Cada alumne debe realizar una obra de Sol LeWitt, a partir de código en p5js.
Clase 3
23 de Agosto
- Se profundiza en: función personalizada, uso de la consola, e interactividad en software P5Js.
- Ejercicio: Cada alumne debe realizar un ejercicio que incluya sliders.
- Encargo: lectura libro Introducción a p5js, hasta la página 110
Clase 4
30 de Agosto
- Se profundiza en: función recursiva, función preload y uso de tipografías P5Js.
- Ejercicio: Cada alumne debe realizar el triangulo de Serpinski
Clase 5
6 de Septiembre
- Se revisan dudas
- Se profundiza en: arreglos, ejercicio de sol lewitt P5Js.
- Introducción a objetos
- Ejercicio: Cada alumne debe avanzar trabajando en alguna función recursiva (no es necesario que sea Serspinski)
Clase 6
13 de Septiembre
- Se revisan dudas
- Se profundiza en: arreglos, objetos, P5Js.
- Introducción a identidad circular, exportar imágenes, incrustación de input, GitHub
- Ejercicio: Instalar y crear cuenta de Github, crear página personal e incluirla a página de tarea.
Clase 7
20 de Septiembre
- Se profundiza en: uso de animación por millis, dibujo de objetos (Boid) en P5Js, y Github
- Introducción a: uso de función noise
- Ejercicio: Desarrollar un dibujo animado en p5js, haciendo uso de la función noise y boid. Este ejercicio debe estar publicado en la página personal creada en github.
Clase 8
27 de Septiembre
- Se profundiza en arreglos
- Se trabaja con un arreglo dinámico de imágenes para desarrollar una herramienta de animación
- Se introduce el trabajo con HTML
Clase 9
4 de Octubre
- Revisión de trabajos en clase:
Ejercicio para ser realizado en clases
Construya un programa que, al hacer click, realice un dibujo (cualquiera) en la posición del mouse, del mismo modo en que funciona un timbre de goma. Al tercer click, el timbre cambia. Al cuarto click vuelve al timbre original. Es decir, cada 3, hace un dibujo diferente.
- El trabajo debe estar publicado en su página personal al término de la clase.
- Todas las dudas serán respondidas durante la clase
- Este trabajo en calificado con nota sumativa (junto con el conjunto de trabajos de su página)
Clase 10
18 de Octubre
Formulación del Proyecto Final
El proyecto final consiste en una exploración personal que se aventura en la dimensión poética y expresiva del soporte programático trabajado en este curso. Para presentar su proyecto, cada estudiante debe redactar un apartado en su página personal de la Wiki: una descripción de su planteamiento, indicando los principios formales, su pregunta o exploración plástica e incorporar dibujos o esquemas de su planteamiento. Esta formulación tiene un valor artístico en sí misma.
Como un caso original y paradigmático de una exploración computacional, les recomendamos estudiar Process Compendium por Casey Reas (uno de los creadores de Processing). Un manifiesto de este trabajo puede encontrarse acá.
Proyecto Final
El proyecto final puede trabajarse en cualquiera de estas áreas:
- Gráfica generativa (animación o bucle sin interactividad, estática o dinámina). Se valora la cualidad plástica y expresiva de la pieza
- Herramienta interactiva (dibujo aumentado o juego). Se valora la capacidad de involucar y dialogar con la persona, de asombrar y maravillar.
Condiciones de la Entrega Final
- Cada estudiante debe tener su página personal de la Wiki completa con todos los encargos y trabajos realizados en clase, incluyendo el proyecto final con su planteamiento
- Cada estudiante debe tener su página personal (hosteada en Github) con su proyecto final y (opcional, pero se considera en la calificación final como complemento) portafolio de trabajo o página personal
- Los proyectos finales que cumplan las condiciones solicitadas y que tengan un alto nivel plástico serán expuestos en la portada de Casiopea con referencia al autor y su planteamiento.
Rubrica de Evaluación
| Planifica su proyecto | Registra de forma sistemática y ordenada participando en correcciones | Complejidad y completitud de la propuesta visual | Publicación de su proyecto | |
|---|---|---|---|---|
| Porcentaje | 20% | 20% | 30% | 30% |
| Nota | Individual | Individual | Individual | Individual |
| Entregables | Redacción planteamiento y dibujo o esquema proyectual, publicado en la página de la wiki de cada alumno/a. | Documentación del proceso: observaciones y anotaciones de los progresos del proyecto en la wiki, participando de las correcciones. | El proyecto puede trabajarse como: gráfica generativa (animación sin interactividad) o herramienta interactiva (dibujo aumentado o juego). | Programa publicado en el repositorio GitHub de cada alumno/a. |
| Especificaciones | Descripción de su planteamiento, indicando los principios formales, su pregunta o exploración plástica e incorporar dibujos o esquemas de su planteamiento. | Registro de las propuestas, cuestionamientos y fundamentación de las decisiones. Se revisará clase a clase, la participación será evaluada. | El programa debe generar curiosidad y asombro en el lector, considerando cambios y momentos en su visualización. | El proyecto debe ser publicado en un repositorio GitHub o html. Como complemento (opcional) pueden tratar su repositorio Github como un portafolio de proyectos del curso. |
