Imagen Escrita 2012

De Casiopea


Asignatura(s)Taller Inicial 1ª y 2ª Etapa, Taller Inicial Común 1ª y 2ª Etapa, Imagen Escrita
Año2012
Tipo de CursoRamo Lectivo
TalleresARQ 1º, DIS 1º
ProfesoresHerbert Spencer
Profesor(es) Ayudante(s)Maria Jesus Abarca
EstudiantesJuan Francisco Rojas, Martin Araneda, Isidora Correa, Camila Saavedra, Tomás Gesell, Matias Chacon, Constanza Arancibia, Gonzalo Guerra, Donny Ahumada, Carolina Bustos, Catalina Morales, Leninn Gustainsson, Maximiliano Olea, José Suter, Christoph Krumbach, Darío Tapia, Francisca Rojas, Paula Nicole Castillo, Bárbara Valdivia, Macarena Allendes, Tomás Valladares Vergara, Consuelo Miranda, Nicole Valdivia Accardi, Ithan Cabrera, Francisco Cataldo, Luciano Morales, mariana valenzuela, Macarena Tapia, Andrea Haddad, Francisca Campos, Daniela Faundez, Eduardo Andrés Segovia Jeria, camilaherrera, Paul Guitard, Eduardo Arratia, Paz Triviño, Diego Miranda, Tanya Castillo, Viviana Valdenegro, José Ignacio Vásquez, Alejandra Andrades Thomas, Gabriela Torres, Daniela Gallardo, Francisca Alvarez, Maithé Escobar, Bárbara Thompson, Daniel Moris, Juan Alejandro Hernández, Gabriel González, Valentina Godoy, Daniela Delmás, Catalina Angulo, María Jesús Arestizábal, Patricio Rivera, Constanza Hills, Favio Matus, Jaime López, Valentina Cornejo, Alexander Jimenez, Eloísa Herrera, Fernanda Adam, Claudio Gómez, Alexandra Staig, Valentina Olivares, Victor Muñoz, Felipe Valdivia, Oriel Badillo, Ariel Carrasco, Francisca de la Maza, Francisca Romero Bugueño, Paulina Martínez, Catalina Arellano, Catalina Fairlie, Sebastián Cubillos, Andrea Aguilera, Maria Jesus Martinez, Gabriela Gaio, Francisco Casas, Antonia Lara, Víctor Espinoza, Nico Zaccarelli, Joaquín Avendaño, Sebastián González, Sofia López, Paula Ramírez Guevara, Mauro Herrera, Alyssa Ruts, Camilo Escobar, Ramon Pizarro, Lydia Huerta Madariaga, Carla Manriquez, Carla Stipo, Daniela Gajardo, Trinidad Valenzuela, Gabriela Correa, Alvaro Aedo, Simón Venegas, Valentina Villegas, Ilanit Hirnheimer, Génesis Morales, Filippa Massa, Daniela Reyes, Trinidad del Pino, Renata villaseñor, Karla Santibáñez, Macarena Valentina Caro Cortes, Catalina Carrillo Naranjo, Valentina Véliz, Montserrat Salvadó, Javiera Godoy, Jeremy Opazo, Paulina Caballero, Daniel Galaz, Francisco Moya, Alex Quintanilla, Katherine Valenzuela, Daniela Valenzuela, Sebastián Aguilera, Gianna Barchiesi, Andrea carrasco, Danilo Garrido, Renata Villaseñor
Palabras Clavelenguaje, dibujo, programación, algoritmo
Carreras RelacionadasArquitectura, Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Diseño Industrial"Diseño Industrial" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.

Estudiantes



Temario Panorámico y Resumido

Clase 1

  1. Palabra y Acción
  2. Sol Lewitt
  3. Maniefiesto Futurista

Clase 2

  1. Marcel Duchamp, La Novia puesta al Desnudo por sus Solteros, mismamente
  2. Fritz Lang, Metrópolis
  3. Rudolf Laban y la notación para la danza
  4. Aliasing & Anti-aliasing
  5. Kurt Gödel y la teoría de la Incompletitud en relación a Alan Turing y el problema de parada

Clase 3

  1. Clase Magistral: "Música de las matemáticas: Aritmética y Geometría"
    1. Aclaración del concepto de módulo y su aplicación
  2. Alan Turing: Máquina y Test de Turing
  3. Ley de Moore y cambios de paradigma
  4. Aceleración y Singularidad
    1. Teoría de la Singularidad
  5. Variables: datatypes (boolean, int, float, char, String, PFont, PImage);
  6. Funciones: lerp(); norm(); map();
  7. funciones propias

Clase 4

  1. Códigos y Lenguajes en Processing
    1. Color: background();colorMode();fill();noFill();noStroke();stroke()
    2. Acciones del Mouse: mouseButton;mouseClicked();mouseDragged();
    3. Rotación y Traslación: pushMatrix(),rotate();translate()
    4. Funciones que tienen que ver con el tiempo: day();hour();millis()
    5. Arreglos: new float()
  2. Lissajous, Trigonometría.

Clase 5

  1. Nodos
  2. Curva de Beizier
  3. Estructuras de un ciclo for
    1. dimensional
    2. bidimensional
  4. Arreglos

Clase 6

Se introduce al concepto de programación orientada a objetos

  1. Clases
    • variables internas
    • función constructora
    • actualización de variables dentro de un objeto
    • jerarquía de funciones

Ejemplos vistos en clase

Clase 7

  1. Se reponden dudas y preguntas respecto al código
  2. Colores
  3. Imágenes

Clase 8

Clase 9

  • Imagen como mapa de bits.
    • Acceso a los pixeles
  • La idea de proceso como algoritmo y mirada a la pintura impresionista
  • La construcción del color como acto de yuxtaposición (el pincel del impresionista)

Clase 10

  • Noción de recursividad dentro del algoritmo
    • Revisión de dibujos de árboles
  • Proporción Áurea y número Phi
  • Construcción de la Espiral Áurea

Tareas

Tarea 1

Construya un dibujo en base a líneas utilizando los principios de iteración de la función for. Estas líneas no deben estar en distribuidas homogéneamente en fila. Haga esto para:

  1. 100 líneas
  2. 1000 líneas
  3. 10000 líneas

Suba esta tarea a la Wiki como proyectos separados utilizando su propio espacio de nombres.
Ejemplo: [[Nombre Apellido: 100 Líneas]].

 Alumnos
Daniela Reyes 10 líneasDaniela Reyes
Isidora Correa: 10 lineasIsidora Correa
Isidora Correa: 1000 lineasIsidora Correa
Isidora Correa: 100 lineasIsidora Correa
Paul Guitard: 1000 LineasPaul Guitard
Valentina Godoy: 100 lineasValentina Godoy

Tarea 2

Hasta ahora hemos trabajado construyendo programas lineales que finalizan al completar el código. El paso siguiente corresponde a usar la estructura cíclica o de bucle:


void setup(){
    size(700, 700);
    smooth(); // suavizado antialiasing
    //... etc
}

void draw(){
    background(255); // fondo blanco
    // aquí va el dibujo considerando la interacción con las 
    // coordenadas del mouse (mouseX, mouseY)
    // etc...
    // etc...

   saveFrame("nombreDelArchivo.jpg"); // grabar el fotograma
}

Se invita a explorar la expresión cinética y reactiva en el diálogo del programa con la persona que interactúa con el.

Esta experiencia sigue trabajando con 100, 1000 y 10000 líneas.

 Alumnos
Isidora Correa: 100 lineas tarea 2Isidora Correa
Isidora Correa: 1000 lineas tarea 2Isidora Correa
Isidora Correa: 10 lineas tarea 2Isidora Correa

Tarea 3

Hemos aprendido a manipular y actualizar variables en el curso de un programa, así como alterar los valores mediante estímulos externos (por ej. movimiento del mouse).

Ahora se debe identificar una curva matemática f(x) interesante y graficarla en el espacio. Este gráfico debe poder alterarse mediante la manipulación del mouse, es decir, se debe parametrizar el espacio de solución" de modo que los valores mouseX y mouseY formen parte o incidan en la ecuación como ponderadores. Para esta tarea se recomienda:

  • Buscar curvas explícitas y = f(x). Ver ejemplos.
  • Verificar constantemente los valores imprimiéndolos en la consola mediante println();.
  • Mantener los valores a dibujar dentro de los rangos visibles, para esto usar norm(); y map();
 Alumnos
Constanza Arancibia Tarea 3Constanza Arancibia
Daniel Galaz Función graficada que se mueveDaniel Galaz
Sebastián González Líneas CurvasSebastián González

Tarea 4

Construya un programa para dibujar, elaborando sobre el ejemplo presentado en clases. ¿es posible modificar el trazo utilizando la velocidad, por ejemplo?

 Alumnos
Carolina Bustos - tarea 4Carolina Bustos
Francisco Cataldo PizarraFrancisco Cataldo
Gabriela Gaio Solari tarea 4Gabriela Gaio
Isidora Correa proyecto 4 IE 2012Isidora Correa
Nicole Valdivia: Tarea 4Nicole Valdivia A

Tarea 5

La tarea 5 es una nueva versión mejorada de la pizarra que considere aspecto como:

  1. que trabaje con la comprensión de una línea como una suma de puntos
  2. que se almacenen los puntos en el programa
  3. que considere el gesto del dibujo, como inclinación, velocidad, quiebres o curvas, etc.


 Alumnos
Lydia Huerta tarea 5Lydia Huerta Madariaga

Tarea 6

Se avanza en la herramienta de dibujo incorporando el concepto de objetos, para generar así una jerarquía: <code>dibujo > trazos[] > puntos[]</code>. Se trata de construir una máquina que aumente la expresión del dubujo, utilizando métodos internos (funciones) que exploren nuevas posibilidades del dubujo a partir de variables como la posición, la velocidad, la inclinación, etc.

 Alumnos
Gabriela tarea 6Gabriela Gaio
Isidora Correa proyecto 6 IE 2012Isidora Correa

Tarea 7

Se trata de diseñar un objeto class {} y construir una colección de ellos, a modo de variaciones de un tema. Se trata de controlar cirtos rangos aleatorios presentar los diferentes especímenes en una suerte de insectario. Para esto se requerirá de un ciclo for bidimensional (o anidado en x e y) para disponerlos en una grilla.

Insectos35.png
 Alumnos
Génesis Morales - Tarea 7Génesis Morales
Isidora Correa proyecto 7 IE 2012Isidora Correa
Mariana Valenzuela insectos tarea7Mariana valenzuela
María Jesús Arestizábal Tarea 7María Jesús Arestizábal
Sebastián González tarea 7Sebastián González
Experimento con tarea 7Valentina Véliz

Tarea 8

Esta tarea consiste el diseñar un pincel construyendo un algoritmo "a la impresionista" interpretando una imagen (PImage).

 Alumnos
Carolina Bustos - Tarea 8Carolina Bustos
Isidora Correa Proyecto 8 IE 2012Isidora Correa
Nicole Valdivia: Tarea 8Nicole Valdivia A

Tarea 9

Esta tarea consiste en exploraciones sobre el ejemplo presentado en clases sobre partículas, atractores y vectores, en dichas exploraciones se puede considerar:

  1. Mejoras en la presentación gráfica y control del usuario
  2. Probar qué pasa si incluyo más de 1 atractor al sistema
  3. Probar el sistema en 3 dimensiones size(ancho, alto, PD3)
  4. Se recomienda revisar los libros publicados en el grupo de facebook y en la lista de mensajes del curso.


Tarea 10

Exploraciones de partículas: vectores y fuerzas.

 Alumnos
Isidora Correa Proyecto 10 IE 2012Isidora Correa
Isidora Correa proyecto 10 IE 2012Isidora Correa

Tarea 11

Exploraciones en recursividad, construyendo la espiral áurea.

 Alumnos
Catalina Arellano, Tarea 11, recursividadCatalina Arellano
Isidora Correa Proyecto 11 IE 2012Isidora Correa
Valentina Olivares Tarea11Valentina Olivares

Tarea 12

Proyecto Final

Una teselación es el recubrimiento del plano euclídeo con un conjunto de unidades discretas finitas, sin huecos ni solapamientos.

El proyecto consiste en proponer una teselación, ya sea periódica o aperiódica, que permita la construcción luminosa de la superficie. Esta teselación debe ser pensada a partir de una matriz de corte (para ser cortada en láser), lo que implica que:

  • Debe ser definida de forma vectorial (no bitmap)
  • Debe ser construída a partir de contornos conexos (siguiendo la lógica del stencil)
  • Debe ser construída a partir sólo de líneas de un mismo grosor (.25)
  • Debe ser acromática

Referencias para el Estudio de las Teselas

Listado de Proyectos

  1. Debe redactar un fundamento e incorporar dibujos de la teselación
  2. Se valorarán todas las exploraciones anteriores conducentes a la propuesta final
  3. Debe incluirse el PDF, cuyas dimensiones deben ser de 1000 x 1000 puntos tipográficos
  4. Deben utilizar la palabra clave: proyecto final para aparecer en el siguiente listado
 Alumnos
Alyssa Ruts: Proyecto final, Teselación 2.0Alyssa Ruts
Proyecto Final: Gabriela Correa 2012Gabriela Correa
PROYECTO IE 2012Isidora Correa

Criterios de Evaluación

  • Creatividad, entendida en este curso como la capacidad de conjeturar y explorar yendo más allá de la literalidad del ejemplo. En este curso, al no existir resultados correctos o falsos (como valor mensurable), nos remiten a sus dimensiones cualitativas; ya sean en términos escriturales-estructurales (elegancia) o expresivo-plásticos (formales).
  • Ciudadanía, entendida como el sentido de colaboración y reciprocidad con el taller, manifestándose en disponibilidad y capacidad de entregar conocimientos, compartir código, reconocer y citar las fuentes, etc.

Experimentos

 Alumnos
Experimento con tarea 7Valentina Véliz