Diferencia entre revisiones de «Imagen Escrita 2012»
Sin resumen de edición |
|||
Línea 173: | Línea 173: | ||
|order=ascending | |order=ascending | ||
|format=table | |format=table | ||
|limit = 9999 | |||
|}} | |}} | ||
Revisión del 11:19 3 may 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
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: 1000 lineas tarea 2 | Isidora Correa |
Isidora Correa: 10 lineas tarea 2 | Isidora Correa |
Isidora Correa: 100 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: dibujo > trazos[] > puntos[]. 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 |
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 |