Imagen Escrita 2019 T1

De Casiopea
Revisión del 16:13 20 may 2019 de Javierammg (discusión | contribuciones) (Sofia Soto)



Asignatura(s)Imagen Escrita
Año2019
Tipo de CursoRamo Lectivo, Otro
TalleresARQ 4º
ProfesoresHerbert Spencer
AlumnosSofí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 Claveprocessing, programación
Carreras RelacionadasArquitectura, Diseño

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)
  • 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

3dmesh.gif

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:

  1. Una imagen estática: formato PDF
  2. Una animación: formato GIF animado
  3. 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

Demo (Processing.js)

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
Proyectofinalimagen escrita SS.png
  • 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.

    1. 1. Prarámetros base

size(600, 600);

smooth();

background(74, 94, 143);

stroke(247,156,64);

    1. 2. 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) {

    1. 3. luego,establezco un color para los triangulos, jugando con su opacidad

color anaranjado = color(171, 31,38);

    1. 4. 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

Beachhouse.png

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

Bibliografía

  1. Processing: A Programming Handbook for Visual Designers and Artists
  2. The Nature of Code. Daniel Shiffman
  3. The Art Of Computer Designing: A Black and White Approach
  4. Eloquent Javascript
  5. Fundamentos de Programación
  6. Generative Gestaltung
  7. Curso de Programación Creativa, Herbert Spencer, Gitbub.
  8. Bees & Bombs
  9. The Coding Train, YouTube Channel
  10. Process Compendium, Casey Reas