Imagen Escrita 2019

De Casiopea



Asignatura(s)Imagen Escrita
Año2019
Tipo de CursoRamo Lectivo
ProfesoresHerbert Spencer
EstudiantesFranco Castañeda Becerra, Alondra Zamorano, Valentina Blanco, Lia Brown Campos, Josefa Zamora, Paola Chicano, Daniel Rojas, Joaquin Mansilla, Constanza García-Conde, Francisca Alvarez Escobar, Paula Retamal Ardiles, Yesenia Ponce, Renata Espina, Natalia Soto Vásquez, Gabriela Marín, Fauve Bellenger, Valentina Oyarzún, Itay Rojas, Esperanza Araya, Carolina Olguín, Matilde Croxatto Ullrich, Macarena Alonso, María José Lineros, Nicolás Dragaš, Camilo Salamanca, Antonia Jeldes, Camila J. Guerra, Valentina Tapia, Victor Della Chiara, Catalina Riveros, Soledad Araya Urrutia, Valentina Acuña Loyola, Romina Flores M.
Palabras Clavep5js, programación creativa, gráfica digital
Carreras RelacionadasDiseño

Estudiantes


Nota introductoria

En este curso trabajaremos con la herramienta P5js, que es la biblioteca javascript de Processing. Les recomiendo leer la documentación y familiarizarse con los conceptos. Para los trabajos en clases utilizaremos el editor online que no requiere ser instalado ya que trabaja desde el browser.

En este curso se revisarán conceptos básicos de HTML y CSS además de Git. Para publicar trabajos y tareas emplearemos Github, por favor saca una cuenta. Te recomiendo documentarte un poco y descargar la herramienta de escritorio Git.


Trabajos

Herbert Spencer

  1. Usuario de github: hspencer y web de ejemplo
  2. primer ejemplo de Herbert
  3. identidad circular
  4. función propia
  5. Recursión
  6. Star
  7. for loop 2d
  8. for loop 3d +sliders!
  9. función módulo
  10. Triángulo de Serpinski
  11. 50 puntos conectados (haga click)
  12. Comparación cuadrada
  13. Wanderer Mesh
  14. Trazo pintor
  15. Caceroleo: ejemplo de imagen y sonido
  16. Dibujo de una curva: la división por cero, o por qué es 'indeterminado'
  17. Visualización de datos: manejo del objeto Table

Paula Retamal

Tareas

Random

  1. primer intento "Cuadrados"
  2. Ejemplo 1
  3. "Random"

Nicolás Dragaš

  1. Usuario de github: nkodragas
  2. Ejercicio 1: Recta en Espiral
  3. Ejercicio 2: Circulo
  4. For Loop 2D Modificado: Link
  5. Ejercicio 3: Circulos Cambiantes con For
  6. Espiral: Espiral de Triángulos
  7. Espiral B: Espiral B
  8. Sol Lewitt: Drawing #370
  9. Sol Lewitt 2: Drawing #118
  10. Live Box: Box
  11. Stamp: Diablo
  12. Glitch de triagulos Here
  13. Drawing #370 Original: Enlace



Yesenia Ponce

  1. Usuario de Github: Yponce01
  2. Primer Ejemplo
  3. Recursión

Valentina Tapia

  1. Usuario de Github: Valentina Tapia Malbran
  2. Ejemplo: Sol Recursivo
  3. Ejemplo1: Espiral
  4. Ejemplo2: Espiral
  5. Ejemplo1: For loop 2d

Camila J. Guerra

  1. Usuario de Github: CamilaGuerra
  2. Ejemplo 1
  3. Random

Renata Espina

Valentina Acuña

  1. Usuario de GitHub: Valentina505
  2. intento 1
  3. intento 2 carretera
  4. intento 3 tame

Referencias

Proposición para el cierre de la Asignatura

Dentro del contexto de crisis social que vive el país y ante la incertidumbre que la situación nacional desencadena al interior de nuestra escuela, veo la necesidad de precisar con claridad ante los Uds una vía posible para dar cumplimiento a las exigencias académicas de este curso.

Dentro de las experiencias y ejemplos revisados en clases, cada uno de Uds. debiese tener los siguientes trabajos:

  1. Exploración inicial de dibujo
  2. Experimentación de recursividad
  3. Ejemplo de un ciclo for bidimensional (2D)
  4. Ejemplo de un ciclo for tridimensional (3D)
  5. Una interpretación gráfica de una obra de Sol Lewitt:
    1. 10000 líneas rectas de 20 pixeles de largo dispuestas aleatoriamente en la tela.
    2. una obra a elección
  6. Una exploración gráfica de dibujo espiral
  7. Un trabajo interactivo que llamamos "timbre de goma" (estampar imagen al hacer click)
  8. Un filtro de imagen: ejemplo del pintor impresionista

Al momento de suspender las actividades académicas nos encontrábamos:

  1. Realizando la publicación de los trabajos en Github
  2. Definiendo un proyecto personal libre


En este contexto, se proponen 3 alternativas para una entrega final en distintos niveles:

  1. Nivel satisfactorio: Publicación en esta página de (al menos) los primeros 10 trabajos descritos en la primera lista
  2. Nivel deseable: Publicación de estos trabajos en una página de Github
  3. Nivel sobresaliente: Publicación de estos trabajos en una página de Github que incorpora un proyecto final libre


Los criterios de evaluación son los siguientes:

  • Constancia y cumplimiento de los encargos periódicos;
  • Creatividad entendida en este curso como la capacidad de conjeturar y explorar yendo más allá de la literalidad de cada ejemplo.
  • Al no existir resultados correctos o falsos (como valor mensurable), nos remitiremos a sus dimensiones cualitativas; ya sean en términos escriturales-estructurales (elegancia) o expresivo-plásticos (formales-idiosincráticos);
  • Ciudadanía entendida como el sentido de colaboración y reciprocidad con el taller, manifestándose en disponibilidad y capacidad de entregar conocimientos y compartir código, reconociendo y citando las fuentes según sea el caso.

Instrucciones para la creación de una página en Github

  1. crear un repositorio vacío (que, para los efectos del ejemplo llamaremos 'www')
  2. crear una rama (branch) denominada 'gh-pages' (nombrar una rama de esta forma especial crea un servidor web en la dirección: http//username.github.io/www (donde 'username' es el nombre de usuario individual y 'www' el nombre del repositorio)
  3. descargar los trabajos desde http://editor.p5js.org y descomprimirlos en la carpeta local del repositorio
  4. crear un archivo de índice (index.html) que vincula a los respectivos índices de los trabajos, guardados cada uno en su carpeta.

Existe el un ejemplo para su revisión y descarga: http://hspencer.github.io/IE-2019