Imagen Escrita 2021

De Casiopea


Asignatura(s)Imagen Escrita
Año2021
Tipo de CursoRamo Lectivo
ProfesoresHerbert Spencer
Profesor(es) Ayudante(s)Renee Rodo
EstudiantesFelipe Gandolfo Álvarez, Catalina Landeros Rojas, Catalina Manzo, Arturo Céspedes, Tomas Arismendi, Valentina Leiva, Dominique Ávila, Constanza Zapata, Valeria Martinez Saavedra, Matias Morales Jimenez, 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 Claveprogramación gráfica, processing, p5js, html, css, js
Carreras RelacionadasDiseñ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

 AlumnosURL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Alumnus Exemplar: Página IE 2021Alumnus Exemplarhttps://hspencer.github.io/IE/
Antonella Sierralta: IE 2021Antonella Sierraltahttps://03122002.github.io/antonella.sierralta
Antonia Gaiche Bünzli: IE 2021Antonia Gaiche Bünzli
Arturo Céspedes: IE 2021Arturo Céspedeshttps://arturocespedes.github.io/IE-2021/
Catalina Landeros : IE 2021Catalina Landeros Rojashttps://catalanderos.github.io/IMAGEN-ESCRITA-CATALINA/
Catalina Manzo: IE 2021Catalina Manzohttps://pazcata.github.io/IE/
Constanza Zapata: IE 2021Constanza Zapata
Diego Lai: IE 2021Diego Lai
Dominique Ávila: IE 2021Dominique Ávila
Emilia Cordero: IE 2021Emilia Cordero Gevehttps://emiliacordero.github.io/ImagenEscritaEmilia/
Felipe Gandolfo: IE 2021Felipe Gandolfo Álvarez
Francisca Loyola: IE 2021Francisca Loyolahttps://franpancha.github.io/IE/
Gabriela Márquez Alamos: IE 2021Gabriela Márquez Alamoshttps://gmarquezalamos.github.io/GM/
Isadora Zamora : IE 2021Isadora Zamora Figueroahttps://isadorazamora.github.io/I.z-/
Joel Henríquez: IE 2021Joel Henríquezhttps://joalbyebye.github.io/IEjoel/
María josé Lefiman Brito IE 2021María josé Lefiman britohttps://maria-jose-lefiman-brito.github.io/IE-2021-Maria-jose-Lefiman-Brito/
Matias Morales: IE 2021Matias Morales Jimenezhttps://mmorales31.github.io/iemm/
Paloma Álvarez: IE 2021Paloma Álvarezhttps://zeito.github.io/IE-PIAA-1021/
Pia Espinoza Schmith: IE 2021Pia Espinoza Schmithhttps://piaesps.github.io/IE2021/
Santiago Collao: IE 2021Santiago Collao
Solange Osorio: IE 2021Solange Osoriohttps://SolangeOsorio.github.io/IE/
Daxter creative codings, IE 2021Tomas Arismendihttps://daxttr.github.io/DaxterCC/
Valentina Leiva: IE 2021Valentina Leivahttps://vleivacespedess.github.io/IE2021/
Valeria Martinez: IE2021Valeria Martinez Saavedrahttps://valeriadnss.github.io/VLr-IE

Herramientas

  1. Visual Studio Code
  2. P5js
  3. Processing

Referencias

  1. Torpedo P5js
  2. The Coding Train
  3. Open Processing

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

  1. 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
  2. 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
  3. 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.