Editar Nuevo Curso: Imagen Escrita 2013 - DIS

No tienes permiso para modificar esta página, por el siguiente motivo:

La acción que has solicitado está restringida a los usuarios del grupo: Usuarios.

Asignatura:
Año:
Período Académico:
Tipo de Curso:	Taller de Etapa Taller de Construcción Presentación Taller de Título Ramo Lectivo Otro Taller de Posgrado Ramo de Posgrado Seminario de Posgrado
Taller(es):	ARQ 1º ARQ 2º ARQ 3º ARQ 4º ARQ 5º DIS 1º DG 2º DG 3º DG 4º DO 2º DO 3º DO 4º Tit. ARQ Tit. DG Tit. DO Magíster
Profesor(es):
Profesor(es) Invitado(s):
Ayudante(s):
Alumnos:	Usa tu nombre con el que te registraste, no tu usuario en la wiki
Palabras Clave:	todo en bajas, separadas por coma
Carreras Relacionadas:	Arquitectura Diseño Magíster Otra

Contenido:

== Herramientas == * [http://www.processing.org/ Sitio de Processing] * [http://sketch.processing.org/ Processing JS Sketchbook] * [http://sketchpad.cc/ Sketchpad] ==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 <code>for</code> 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''' {{#ask:[[Categoría:Proyecto]] [[Cursos Relacionados::Imagen Escrita 2013 - DIS]] [[Palabras Clave::tarea 1]] |?Título |sort=Título |order=ascending |format=table |}} ===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 {{#ask:[[Categoría:Proyecto]] [[Cursos Relacionados::Imagen Escrita 2013 - DIS]] [[Palabras Clave::tarea 2]] |?Título |sort=Título |order=ascending |format=table |}} ===19-04-2013=== ====Contenidos==== * Anexo: Grillas y diseño "''responsive''" para múltiples pantallas * Ciclos for y estructuras constantes * Trigonometría e identidad circular [[Archivo:Identidad-circular.gif|center]] ====Encargo==== =====Parte 1===== Dada la siguiente secuencia de imágenes:<br> [[Archivo:Secuencia-de-cuadrados--iteracion-01.jpg‎]] n = 1 [[Archivo:Secuencia-de-cuadrados--iteracion-02.jpg‎]] n = 2 [[Archivo:Secuencia-de-cuadrados--iteracion-03.jpg‎]] n = 3 [[Archivo:Secuencia-de-cuadrados--iteracion-04.jpg‎]] n = 4 [[Archivo:Secuencia-de-cuadrados--iteracion-05.jpg‎]] n = 5 [[Archivo:Secuencia-de-cuadrados--iteracion-06.jpg‎]] n = 6 [[Archivo:Secuencia-de-cuadrados--iteracion-07.jpg‎]] n = 7 [[Archivo:Secuencia-de-cuadrados--iteracion-08.jpg‎]] n = 8 [[Archivo:Secuencia-de-cuadrados--iteracion-09.jpg‎]] n = 9 [[Archivo:Secuencia-de-cuadrados--iteracion-10.jpg‎]] n = 10<br> * 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 [http://es.wikipedia.org/wiki/Espiral modifique su forma]. {{#ask:[[Categoría:Proyecto]] [[Cursos Relacionados::Imagen Escrita 2013 - DIS]] [[Palabras Clave::tarea 3]] |?Título |sort=Título |order=ascending |format=table |limit=99 |}} ===03-05-2013=== ====Contenidos==== * Mención a la programación orientada a objetos * funciones propias (ej. <code>achurado(x, y)</code>) y la relación de orden y abstracción en los bloques de código: ** la función <code>retrato(x, y)</code> puede componerse de las siguiente funciones: *** <code>fondo(x, y)</code> *** <code>contornoCara(x, y)</code> *** <code>ojos(x, y)</code> *** <code>nariz(x, y)</code> *** <code>boca(x, y)</code> *** <code>peinado(x, y)</code> *** <code>sombras(x, y)</code> *** 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. <code>achurado(x, y)</code>), 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: {{#ask:[[Categoría:Proyecto]] [[Cursos Relacionados::Imagen Escrita 2013 - DIS]] [[Palabras Clave::tarea 4]] |?Título |sort=Título |order=ascending |format=table |limit=99 |}}

Resumen:

Esta es una edición menor

Vigilar esta página

Cancelar