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, Paloma Etchegaray |
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.
Leonardo Maldonado - Proyecto Imagen Escrita 2019 T1
Amelia Montt
PROYECTO Mostrar el ciclo de la luna
María Paz Zett
Proyecto:Dos imagenes de medusas, una más pequeña y otra más grande suben hasta quedarse estancadas en el tope de arriba.
Florencia Salgado
Proyecto: Dibujo de mandala que cambia con el movimiento del mouse
Paloma Ethegaray
Proyecto: con la lógica del reloj análogo crear un espiral que marque los segundos y minutos.
Sofia Soto
Proyecto: Crear un patrón final con unidad discreta que simule un suelo de baldosa.
- Dibujos para la unidad discreta
- Imagen de processing
- Código explicado
Inspirandome en mi proyecto de titulo se quizo hacer un patrón, como las tramas que se observan en las baldosas, pero jugando con colores contrastados y opacidades.
size(600, 600);
smooth();
background(74, 94, 143);
stroke(247,156,64);
Le doi altura y ancho al triángulo y que se sobrepongan
for (int y = 0; y <= height; y += 60) {
for (int x = 0; x <= width; x += 60) {
el color al triangulo, jugando con su opacidad
establezco un color para los triangulos
color anaranjado = color(171, 31,38);
fill(rgb, alpha) alpha= opacidad del fill.
fill(anaranjado, 50); triangle(x, y, x-45, y+90, x+45, y+90);
}
PImage img = createImage(100,100, RGB);
save("Proyectofinalimagen escrita.png");
}
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 libre con un pincel oblicuo, que deja una trayectoria al mantener apretado el cursor, al cruzar distintas lineas se forma una pantalla de sombreado, mientras más lineas, mayor achurado. Posibilidad de cambios de color, cambio del angulo del pincel y volver al inicio. Al aumentar el espesor del trazo genera mas transparencia y una estela en la trayectoria y un movimiento angular cuando el cursor se mueve rápidamente.
María Ignacia Morales
Proyecto: mostrar recorridos para una exposición en el patio de la escuela.
Ur Conejeros
Proyecto: recrear juego tipo snake
Ur Conejeros - Proyecto Imagen Escrita 2019 T1
Eber Sáez
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