Diferencia entre revisiones de «Imagen Escrita 2012»
Sin resumen de edición |
Sin resumen de edición |
||
(No se muestran 48 ediciones intermedias de 8 usuarios) | |||
Línea 1: | Línea 1: | ||
{{Curso | {{Curso | ||
|Asignaturas Relacionadas=Taller Inicial 1ª y 2ª Etapa, Taller Inicial Común 1ª y 2ª Etapa, | |Asignaturas Relacionadas=Taller Inicial 1ª y 2ª Etapa, Taller Inicial Común 1ª y 2ª Etapa, Imagen Escrita, | ||
|Año=2012 | |Año=2012 | ||
|Tipo de Curso=Ramo Lectivo | |Tipo de Curso=Ramo Lectivo | ||
|Talleres=ARQ 1º, DIS 1º | |Talleres=ARQ 1º, DIS 1º | ||
|Profesores=Herbert Spencer | |Profesores=Herbert Spencer | ||
|Ayudantes=Maria | |Ayudantes=Maria Jesus Abarca | ||
|Alumnos= | |Alumnos=Juan 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 Clave=lenguaje, dibujo, programación, algoritmo | |Palabras Clave=lenguaje, dibujo, programación, algoritmo | ||
|Carreras Relacionadas=Arquitectura, Diseño Gráfico, Diseño Industrial | |Carreras Relacionadas=Arquitectura, Diseño Gráfico, Diseño Industrial | ||
}} | }} | ||
<div style="padding:2em; border:1px dotted #C00;"> | <div style="padding:2em; border:1px dotted #C00;"> | ||
* | * [https://docs.google.com/spreadsheet/pub?key=0AuRDV247suwKdDZMQTdKUERtM1NWRWYySDBqZERtM1E&output=html Asistencia y Notas] | ||
* Lista de mensajes del curso [http://groups.google.com/a/ead.cl/group/T1-2012/ T1-2012@ead.cl] | * Lista de mensajes del curso [http://groups.google.com/a/ead.cl/group/T1-2012/ T1-2012@ead.cl] | ||
* [http://processing.org Processing.org], proyecto del entorno de desarrollo digital para diseñadores y artistas | * [http://processing.org Processing.org], proyecto del entorno de desarrollo digital para diseñadores y artistas | ||
Línea 73: | Línea 73: | ||
| format = ol | | format = ol | ||
|}} | |}} | ||
===Clase 7=== | |||
#Se reponden dudas y preguntas respecto al código | |||
#Colores | |||
#Imágenes | |||
===Clase 8=== | |||
* [[Imagen Escrita: Impresión|Presentación de los conceptos de postscript y exportación en PDF]] | |||
===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== | ==Tareas== | ||
Línea 165: | Línea 186: | ||
===Tarea 6=== | ===Tarea 6=== | ||
Se avanza en la herramienta de dibujo incorporando el concepto de objetos, para generar así una jerarquía: <nowiki>dibujo > trazos[] > puntos[]</nowiki>. | Se avanza en la herramienta de dibujo incorporando el concepto de objetos, para generar así una jerarquía: <nowiki><code>dibujo > trazos[] > puntos[]</code></nowiki>. | ||
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. | 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. | ||
Línea 173: | Línea 194: | ||
|order=ascending | |order=ascending | ||
|format=table | |format=table | ||
|limit = 9999 | |||
|}} | |||
===Tarea 7=== | |||
Se trata de diseñar un objeto <code>class {}</code> 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 <code>for</code> bidimensional (o anidado en x e y) para disponerlos en una grilla. | |||
[[Archivo:Insectos35.png|center]] | |||
{{#ask:[[Categoría:Proyecto]] [[Cursos Relacionados::Imagen Escrita 2012]] [[Palabras Clave::tarea 7]] | |||
|?Alumnos | |||
|sort=Alumnos | |||
|order=ascending | |||
|format=table | |||
|limit = 9999 | |||
|}} | |||
===Tarea 8=== | |||
Esta tarea consiste el diseñar un pincel construyendo un algoritmo "a la impresionista" interpretando una imagen (PImage). | |||
{{#ask:[[Categoría:Proyecto]] [[Cursos Relacionados::Imagen Escrita 2012]] [[Palabras Clave::tarea 8]] | |||
|?Alumnos | |||
|sort=Alumnos | |||
|order=ascending | |||
|format=table | |||
|limit = 9999 | |||
|}} | |||
===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: | |||
#Mejoras en la presentación gráfica y control del usuario | |||
#Probar qué pasa si incluyo más de 1 atractor al sistema | |||
#Probar el sistema en 3 dimensiones size(ancho, alto, PD3) | |||
#Se recomienda revisar los libros publicados en el grupo de facebook y en la lista de mensajes del curso. | |||
{{#ask:[[Categoría:Proyecto]] [[Cursos Relacionados::Imagen Escrita 2012]] [[Palabras Clave::tarea 9]] | |||
|?Alumnos | |||
|sort=Alumnos | |||
|order=ascending | |||
|format=table | |||
|limit = 9999 | |||
|}} | |||
===Tarea 10=== | |||
Exploraciones de partículas: vectores y fuerzas. | |||
{{#ask:[[Categoría:Proyecto]] [[Cursos Relacionados::Imagen Escrita 2012]] [[Palabras Clave::tarea 10]] | |||
|?Alumnos | |||
|sort=Alumnos | |||
|order=ascending | |||
|format=table | |||
|limit = 9999 | |||
|}} | |||
===Tarea 11=== | |||
Exploraciones en recursividad, construyendo la espiral áurea. | |||
{{#ask:[[Categoría:Proyecto]] [[Cursos Relacionados::Imagen Escrita 2012]] [[Palabras Clave::tarea 11]] | |||
|?Alumnos | |||
|sort=Alumnos | |||
|order=ascending | |||
|format=table | |||
|limit = 9999 | |||
|}} | |||
===Tarea 12=== | |||
{{#ask:[[Categoría:Proyecto]] [[Cursos Relacionados::Imagen Escrita 2012]] [[Palabras Clave::tarea 12]] | |||
|?Alumnos | |||
|sort=Alumnos | |||
|order=ascending | |||
|format=table | |||
|limit = 9999 | |||
|}} | |||
==Proyecto Final== | |||
Una teselación es el recubrimiento del plano euclídeo con un conjunto de [[Elogio a la Unidad Discreta|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=== | |||
* [http://www.uam.es/personal_pdi/ciencias/gallardo/cap17-polya-0910.pdf Teorema de Polyà] | |||
* [http://clowder.net/hop/17walppr/17walppr.html 17 grupos de teselaciones] | |||
* [http://escher.epfl.ch/escher/ Herramienta para el diseño de teselas periódicas '''Web Escher Sketch'''], basado en los 17 grupos periódicos definidos por Polyà en 1924. | |||
* [http://www.tessellatesurface.com/ Celosías arquitectónicas] | |||
===Listado de Proyectos=== | |||
# Debe redactar un fundamento e incorporar dibujos de la teselación | |||
# Se valorarán todas las exploraciones anteriores conducentes a la propuesta final | |||
# Debe incluirse el PDF, cuyas dimensiones deben ser de 1000 x 1000 puntos tipográficos | |||
# Deben utilizar la palabra clave: <code>proyecto final</code> para aparecer en el siguiente listado | |||
{{#ask:[[Categoría:Proyecto]] [[Cursos Relacionados::Imagen Escrita 2012]] [[Palabras Clave::proyecto final]] | |||
|?Alumnos | |||
|sort=Alumnos | |||
|order=ascending | |||
|format=table | |||
|limit = 9999 | |||
|}} | |}} | ||
Revisión actual - 07:01 11 mar 2013
Estudiantes
- Asistencia y Notas
- 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
- 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:
- 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: <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.
Tarea 8
Esta tarea consiste el diseñar un pincel construyendo un algoritmo "a la impresionista" interpretando una imagen (PImage).
Alumnos | |
---|---|
Carolina Bustos - Tarea 8 | Carolina Bustos |
Isidora Correa Proyecto 8 IE 2012 | Isidora Correa |
Nicole Valdivia: Tarea 8 | Nicole 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:
- Mejoras en la presentación gráfica y control del usuario
- Probar qué pasa si incluyo más de 1 atractor al sistema
- Probar el sistema en 3 dimensiones size(ancho, alto, PD3)
- 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 2012 | Isidora Correa |
Isidora Correa Proyecto 10 IE 2012 | Isidora Correa |
Tarea 11
Exploraciones en recursividad, construyendo la espiral áurea.
Alumnos | |
---|---|
Catalina Arellano, Tarea 11, recursividad | Catalina Arellano |
Isidora Correa Proyecto 11 IE 2012 | Isidora Correa |
Valentina Olivares Tarea11 | Valentina 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
- Teorema de Polyà
- 17 grupos de teselaciones
- Herramienta para el diseño de teselas periódicas Web Escher Sketch, basado en los 17 grupos periódicos definidos por Polyà en 1924.
- Celosías arquitectónicas
Listado de Proyectos
- Debe redactar un fundamento e incorporar dibujos de la teselación
- Se valorarán todas las exploraciones anteriores conducentes a la propuesta final
- Debe incluirse el PDF, cuyas dimensiones deben ser de 1000 x 1000 puntos tipográficos
- Deben utilizar la palabra clave:
proyecto final
para aparecer en el siguiente listado
Alumnos | |
---|---|
Alyssa Ruts: Proyecto final, Teselación 2.0 | Alyssa Ruts |
Proyecto Final: Gabriela Correa 2012 | Gabriela Correa |
PROYECTO 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 |