Diferencia entre revisiones de «Imagen Escrita 2012»
Línea 84: | Línea 84: | ||
===Clase 9=== | ===Clase 9=== | ||
* La imagen | |||
==Tareas== | ==Tareas== |
Revisión del 13:02 14 jun 2012
Estudiantes
- Listado de Asistencia
- Lista de mensajes del curso T1-2012@ead.cl
- Processing.org, proyecto del entorno de desarrollo digital para diseñadores y artistas
- Repositorio de trabajos y ejemplos
Temario Panorámico y Resumido
Clase 1
- Palabra y Acción
- Sol Lewitt
- Maniefiesto Futurista
Clase 2
- Marcel Duchamp, La Novia puesta al Desnudo por sus Solteros, mismamente
- Fritz Lang, Metrópolis
- Rudolf Laban y la notación para la danza
- Aliasing & Anti-aliasing
- Kurt Gödel y la teoría de la Incompletitud en relación a Alan Turing y el problema de parada
Clase 3
- Clase Magistral: "Música de las matemáticas: Aritmética y Geometría"
- Aclaración del concepto de módulo y su aplicación
- Alan Turing: Máquina y Test de Turing
- Ley de Moore y cambios de paradigma
- Aceleración y Singularidad
- Variables: datatypes (boolean, int, float, char, String, PFont, PImage);
- Funciones:
lerp(); norm(); map();
- funciones propias
Clase 4
- Códigos y Lenguajes en Processing
- Color:
background();colorMode();fill();noFill();noStroke();stroke()
- Acciones del Mouse:
mouseButton;mouseClicked();mouseDragged();
- Rotación y Traslación:
pushMatrix(),rotate();translate()
- Funciones que tienen que ver con el tiempo:
day();hour();millis()
- Arreglos:
new float()
- Color:
- Lissajous, Trigonometría.
Clase 5
- Nodos
- Curva de Beizier
- Estructuras de un ciclo for
- dimensional
- bidimensional
- Arreglos
Clase 6
Se introduce al concepto de programación orientada a objetos
- Clases
- variables internas
- función constructora
- actualización de variables dentro de un objeto
- jerarquía de funciones
Ejemplos vistos en clase
Clase 7
- Se reponden dudas y preguntas respecto al código
- Colores
- Imágenes
Clase 8
Clase 9
- La imagen
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:
- 100 líneas
- 1000 líneas
- 10000 líneas
Suba esta tarea a la Wiki como proyectos separados utilizando su propio espacio de nombres.
Ejemplo: [[Nombre Apellido: 100 Líneas]]
.
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 2 | Isidora Correa |
Isidora Correa: 1000 lineas tarea 2 | Isidora Correa |
Isidora Correa: 10 lineas tarea 2 | Isidora 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();
ymap();
Alumnos | |
---|---|
Constanza Arancibia Tarea 3 | Constanza Arancibia |
Daniel Galaz Función graficada que se mueve | Daniel Galaz |
Sebastián González Líneas Curvas | Sebastiá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?
Tarea 5
La tarea 5 es una nueva versión mejorada de la pizarra que considere aspecto como:
- que trabaje con la comprensión de una línea como una suma de puntos
- que se almacenen los puntos en el programa
- que considere el gesto del dibujo, como inclinación, velocidad, quiebres o curvas, etc.
Alumnos | |
---|---|
Lydia Huerta tarea 5 | Lydia 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 6 | Gabriela Gaio |
Isidora Correa proyecto 6 IE 2012 | Isidora 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.
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 7 | Valentina Véliz |