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, 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 Clave	programación gráfica, processing, p5js, html, css, js
Carreras Relacionadas	Diseño

Estudiantes

Felipe Gandolfo Álvarez

Catalina Landeros Rojas

Catalina Manzo

Arturo Céspedes

Tomás 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

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

	Alumnos	URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.
Alumnus Exemplar: Página IE 2021	Alumnus Exemplar	https://hspencer.github.io/IE/
Antonella Sierralta: IE 2021	Antonella Sierralta	https://03122002.github.io/antonella.sierralta
Antonia Gaiche Bünzli: IE 2021	Antonia Gaiche Bünzli
Arturo Céspedes: IE 2021	Arturo Céspedes	https://arturocespedes.github.io/IE-2021/
Catalina Landeros : IE 2021	Catalina Landeros Rojas	https://catalanderos.github.io/IMAGEN-ESCRITA-CATALINA/
Catalina Manzo: IE 2021	Catalina Manzo	https://pazcata.github.io/IE/
Constanza Zapata: IE 2021	Constanza Zapata
Diego Lai: IE 2021	Diego Lai
Dominique Ávila: IE 2021	Dominique Ávila
Emilia Cordero: IE 2021	Emilia Cordero Geve	https://emiliacordero.github.io/ImagenEscritaEmilia/
Felipe Gandolfo: IE 2021	Felipe Gandolfo Álvarez
Francisca Loyola: IE 2021	Francisca Loyola	https://franpancha.github.io/IE/
Gabriela Márquez Alamos: IE 2021	Gabriela Márquez Alamos	https://gmarquezalamos.github.io/GM/
Isadora Zamora : IE 2021	Isadora Zamora Figueroa	https://isadorazamora.github.io/I.z-/
Joel Henríquez: IE 2021	Joel Henríquez	https://joalbyebye.github.io/IEjoel/
María josé Lefiman Brito IE 2021	María josé Lefiman brito	https://maria-jose-lefiman-brito.github.io/IE-2021-Maria-jose-Lefiman-Brito/
Matias Morales: IE 2021	Matias Morales Jimenez	https://mmorales31.github.io/iemm/
Paloma Álvarez: IE 2021	Paloma Álvarez	https://zeito.github.io/IE-PIAA-1021/
Pia Espinoza Schmith: IE 2021	Pia Espinoza Schmith	https://piaesps.github.io/IE2021/
Santiago Collao: IE 2021	Santiago Collao
Solange Osorio: IE 2021	Solange Osorio	https://SolangeOsorio.github.io/IE/
Daxter creative codings, IE 2021	Tomás Arismendi	https://daxttr.github.io/DaxterCC/
Valentina Leiva: IE 2021	Valentina Leiva	https://vleivacespedess.github.io/IE2021/
Valeria Martinez: IE2021	Valeria Martinez Saavedra	https://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)