Imagen Escrita 2019 T1
Asignatura(s) | Imagen Escrita |
---|---|
Año | 2019 |
Tipo de Curso | Ramo Lectivo, Otro |
Talleres | ARQ 4º |
Profesores | Herbert Spencer |
Estudiantes | Sofía Soto, Ur Conejeros, Macarena Ramdohr, Eber Sáez, Cristóbal Carrillo, María Ignacia Morales, Marianne Welzel, Beatriz Díaz, Florencia Salgado, María Paz Zett, Valentina Véliz, Amelia Montt, Tomás Bustos, Constanza Bravo, Leonardo Maldonado, Felipe Ibarra, Gonzalo Gallo |
Palabras Clave | processing, programación |
Carreras Relacionadas | Arquitectura, Diseño |
Estudiantes
Cronograma
- Clase 1: 25/3
- Presentación al curso y a las herramientas
- Estructura de un programa
- variables y condicionales
- Clase 2: 1/4 - Horario especial 9:00
- Ciclos for
- Dibujo de curvas matemáticas
- Funciones de dibujo y color
- fill(), stroke();
- strokeWeight(); // grosor
- point, line, ellipse, rect, triagle, etc.
- beginShape(), endShape(), vertex();
- Clase 3: 8/4
- Arreglos
- Transformaciones espaciales
- Funciones personalizadas
- Tarea: Tener la carpeta sincronizada con al menos:
- Un ejemplo de dibujo simple (trazo, color)
- Un ejemplo de dibujo con repetición
- Un gif animado (300, 300)
- Tarea: Tener la carpeta sincronizada con al menos:
- Clase 4: 15/4 -
- funciones propias
- recursión
- objetos
- Tarea: Interpretar un trabajo del artista Sol Lewitt en Processing
- Clase 5: 22/4 -
- Semana universitaria
- Clase 6: 29/4 -
- objetos, parte 2
- concepto de emergencia de sistemas simples
- Clase 7: 6/5 -
- Clase 8: 13/5 -
- Clase 9: 20/5 -
- Publicación y entrega de proyectos
Proyectos
El proyecto consiste la puesta en práctica del pensamiento sistemático del algortimo a la definición de una imagen, una animación o una herramienta o aplicación interactiva. Para cada se tipo se propone un formato específico:
- Una imagen estática: formato PDF
- Una animación: formato GIF animado
- Una aplicación: app exportada desde Processing
El proyecto debe considerar, a grandes trazos, la siguiente estructura:
- Imagen objetivo: idea y visualización de lo que se quiere lograr, idealmente un dibujo propio a mano alzada.
- Definición de una partida procedimental
- Identificación de partes o componentes: objetos
Leonardo Maldonado
Proyecto: un pseudo-juego de plataformas, que permita desplazar y hacer saltar un "personaje" en el plano 2d.
Amelia Montt
PROYECTO Mostrar el ciclo de la luna
María Paz Zett
Florencia Salgado
Proyecto: Dibujo de mandala que cambia con el movimiento del mouse
Felipe Ibarra
Proyecto: Hacer una escalera infinita, donde sus peldaños, en secuencia vaya apareciendo una profundidad, donde la cámara vaya siguiendo el rumbo mientras se extiende, de manera que la escalera no alcance el ancho de la "pantalla".
Beatriz Díaz
Proyecto: Un loop visual con el efecto de túnel
Constanza Bravo
Proyecto de Constanza: Crear figuras tipo flor moviles con distintas figuras geometricas
Valentina Véliz
Proyecto : Mostrar crecidas del humedal de Ciudad Abierta (en un rango de tiempo a determinar) a través de fotos unidas en un gif
Similar a las visuales de este álbum de Beach House https://www.youtube.com/watch?v=Dyclbb_6Ycs&t=1955s
Tomás Bustos
PROYECTO Pantalla de dibujo desde el achurado
GIFs Animados
Herramientas
- Copia de Seguridad y Sincronización: Deben agregar la carpeta a "mi unidad"
- Processing
- Herramienta para convertir archivos de Adobe Illustrator en código de Processing, por Lia
Bibliografía
- Processing: A Programming Handbook for Visual Designers and Artists
- The Nature of Code. Daniel Shiffman
- The Art Of Computer Designing: A Black and White Approach
- Eloquent Javascript
- Fundamentos de Programación
- Generative Gestaltung
- Curso de Programación Creativa, Herbert Spencer, Gitbub.
- Bees & Bombs
- The Coding Train, YouTube Channel
- Process Compendium, Casey Reas