Imagen Escrita 2013 - DIS

De Casiopea


Asignatura(s)Imagen Escrita, Taller Inicial Común 1ª y 2ª Etapa
Año2013
Tipo de CursoRamo Lectivo
TalleresDIS 1º
ProfesoresHerbert Spencer
Profesor(es) Ayudante(s)Karen Carrera
AlumnosAgustina Fernandez, Daniela Valenzuela, Betzabeth Núñez, Rubén Antonio Miranda Benítez, Katherine Nicol Piñones Zuleta, Darío Tapia, Charlotte Jander, Nicole Reyes, Luciano Cimino, Kim López, Monserrat Torres, Davor Koscina, Francisca Manríquez Allendes, Bárbara Quiroz, Cristián zamora miranda, Maria Jesus Oliva Palma, Miguel Angel Adofacci, Constanza Valdivia, Felipe Rojas Montenegro, Francisca Paredes Palominos, A. Paz Osses, Javiera Martínez, Carolina Olivares Rivera, Josefina Macarena Molfino Maggi, Bernardita romero, Juan Pablo Vergara, Maximiliano Martínez, Maximiliano León, Francisca Collarte Videla, Consuelo Santis Escudero, Luciano Lagomarsino, Mauro Jorge Garnham Zúñiga, César Sánchez, vicente garcia, Gabriela Diaz Naranjo, Monserrat Lucia Pacheco Sandoval, Ismael Vidal Hernandez, Tomás Andres Ortega Araya, Valentina Hirane, Camila Jeria, Catalina Aguirre Biancani, Barbara Madariaga
Carreras RelacionadasDiseño Gráfico, Diseño Industrial

Alumnos

Herramientas

Clases

22-03-2013

Temas

  1. sketch processing
  2. algoritmos
  3. line();
  4. background();

- Para escribir un texto se pone entre comillas, por ejemplo: line(100,20,0,20); y siempre se termina con punto y coma. - Camel case: nomenclatura de camello. Códigos: % módulo;

Tarea

  1. Hacer un algoritmo de algo cotidiano en 10 pasos (desde el 0 hasta el 9)
  2. Hacer un autorretrato de 500x500

Para que aparezca en el siguiente listado debes definir:

  • Cursos Relacionados: Imagen Escrita 2013 - DIS
  • Palabras Clave: tarea 1

05-04-2013

Temas

  1. Dibujo
    1. point()
    2. line();
    3. rect();
    4. triangle();
    5. quad();
    6. bezier();
    7. beginShape(); endShape();
      1. vertex();
      2. curveVertex();

Tarea

Hacer un autorretrato de 500 x 500 pixeles utilizando las herramientas descritas en clases. Intente utilizar ciclos for para achurados o elementos repetitivos dentro del dibujo. Utilice escala de grises.

Para que aparezca en el siguiente listado debes definir:

  • Cursos Relacionados: Imagen Escrita 2013 - DIS
  • Palabras Clave: tarea 1
 Título
Alumnus Exemplar: Tarea 1 de EjemploMáquina que exporta 10 dibujos


21-04-2013

Temas

Tarea

Construir una trana bidimensional a partir de dos ciclos 'for' anidados:

  • Debe ser irregular, no cartesiana
  • Debe incorporar elementos de dibujo ya estudiados en el retrato


19-04-2013

Contenidos

  • Anexo: Grillas y diseño "responsive" para múltiples pantallas
  • Ciclos for y estructuras constantes
  • Trigonometría e identidad circular
Identidad-circular.gif

Encargo

Parte 1

Dada la siguiente secuencia de imágenes:
Secuencia-de-cuadrados--iteracion-01.jpg n = 1 Secuencia-de-cuadrados--iteracion-02.jpg n = 2 Secuencia-de-cuadrados--iteracion-03.jpg n = 3 Secuencia-de-cuadrados--iteracion-04.jpg n = 4 Secuencia-de-cuadrados--iteracion-05.jpg n = 5 Secuencia-de-cuadrados--iteracion-06.jpg n = 6 Secuencia-de-cuadrados--iteracion-07.jpg n = 7 Secuencia-de-cuadrados--iteracion-08.jpg n = 8 Secuencia-de-cuadrados--iteracion-09.jpg n = 9 Secuencia-de-cuadrados--iteracion-10.jpg n = 10

  • Construya el programa que puede construir todas estas variaciones a partir de la parametrización de 1 variable (n).
  • Construya un programa que varíe la cantidad de cuadrados anidados (n) de acuerdo a la posición del mouse en la coordenada x.
Parte 2
  • Construya una espiral que reaccione de acuerdo a la posición en 'x' del mouse.
    • que aumente o disminuya el número de vueltas
    • que aumente o disminuta la variación del radio
    • que modifique su forma.


03-05-2013

Contenidos

  • Mención a la programación orientada a objetos
  • funciones propias (ej. achurado(x, y)) y la relación de orden y abstracción en los bloques de código:
    • la función retrato(x, y) puede componerse de las siguiente funciones:
      • fondo(x, y)
      • contornoCara(x, y)
      • ojos(x, y)
      • nariz(x, y)
      • boca(x, y)
      • peinado(x, y)
      • sombras(x, y)
      • etc
  • Transformaciones espaciales (translate, rotate, scale);
  • Breve anexo de color

Encargo

Nos encontramos en el proceso de construir diferentes herramientas de dibujo. Con las funciones propias (ej. achurado(x, y)), podemos dibujar utilizando un "timbre" que estampa el dibujo en el plano. Aprendimos también que este timbre puede recibir otros parámetros que alteren su aspecto, ya sea por la velocidad del trazo, su inclinación, la hora del día, etc. El siguiente paso corresponde a avanzar sobre los ejemplos vistos en clase y subir una colección de dibujos del propio rostro realizados con una variación personal de esta herramienta de dibujo:

  1. agregue al menos 5 imágenes generadas con su herramienta
  2. comparta el código de su herramienta. Sea generoso con los comentarios para que los demás puedan leer y comprender su lógica.
  3. agregue la palabra clave: tarea 4 para que aparezca en la siguiente lista:
 Título
Davor: TrianguladorHerramienta para dibujar con triángulos