Imagen Escrita 2013 - DIS
Estudiantes
Herramientas
Clases
22-03-2013
Temas
- sketch processing
- algoritmos
- line();
- 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
- Hacer un algoritmo de algo cotidiano en 10 pasos (desde el 0 hasta el 9)
- 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
- Dibujo
- point()
- line();
- rect();
- triangle();
- quad();
- bezier();
- beginShape(); endShape();
- vertex();
- 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 Ejemplo | Má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
Encargo
Parte 1
Dada la siguiente secuencia de imágenes:
n = 1
n = 2
n = 3
n = 4
n = 5
n = 6
n = 7
n = 8
n = 9
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
- la función
- 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:
- agregue al menos 5 imágenes generadas con su herramienta
- comparta el código de su herramienta. Sea generoso con los comentarios para que los demás puedan leer y comprender su lógica.
- agregue la palabra clave: tarea 4 para que aparezca en la siguiente lista:
Título | |
---|---|
Davor: Triangulador | Herramienta para dibujar con triángulos |