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
AyudantesKaren 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

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
Agustina Fernandez: AlgoritmoAgustina Fernandez: algoritmo 10 pasos
Algoritmo Luciano Aucan LagomarsinoAlgoritmo de 10 pasos
Kim López: AlgoritmoAlgoritmo de ordenar la pieza
Felipe Rojas Montenegro: Imagen Escrita: AutorretratoAutorretrato
Alumnus Exemplar: Ejemplo para el AutorretratoAutorretrato
Autorretrato Luciano Aucan LagomarsinoAutorretrato
Monserrat Torres, Proyecto AutorretratoAutorretrato
Constanza Valdivia: AutorretratoAutorretrato
Agustina Fernandez: intento autorretrato 2Autorretrato Agustina Fernandez
Proyecto autorretrato, Carolina OlivaresAutorretrato Carolina Olivares
Agustina Fernandez: , Proyecto autorretratoAutorretrato pizarra
Bárbara Quiroz: AutorretratoBárbara Quiroz: Autorretrato
Autoretrato cesar sanchezCesar Sanchez autoretrato
Charlotte Jander: AutorretratoCharlotte Jander: Autorretrato
Davor: autoretratoDavor: autoretrato
Francisca Manriquez- AlgorismoFrancisca Manríquez Allendes- Algorismo
Francisca Manríquez Allendes: AutorretratoFrancisca Manríquez Allendes: Autorretrato
Francisca Paredes: AutorretratoFrancisca Paredes: Autorretrato
Ma Jesus O: AlgoritmoMa Jesus O: Algoritmo
Maximiliano Martínez: AlgoritmoMaximiliano Martínez: Algoritmo
Maximiliano Martínez: AutorretratoMaximiliano Martínez: Autorretrato
Miguel Angel Adofacci: Tarea 01 Imagen EscritaMiguel Angel Adofacci: Tarea 01 Imagen Escrita
Alumnus Exemplar: Tarea 1 de EjemploMáquina que exporta 10 dibujos
Daniela Valenzuela: pizarra de dibujoPizarra de dibujo
Daniela Valenzuela: Imagen Escrita, RetratoRetrato en gris
Valentina Hirane: algoritmoValentina Hirane: altoritmo
Algoceroalgocero
Algoritmo de cocinar bernardita romeroalgoritmo de cocinar
Josefina Molfino; intento autoretratointento autorretrato
Autorretrato imagen escrita monsepachmonsepach :Autorretrato imagen escrita
Tomas andres ortega araya imagen escrita. retratoretrato
Tareas prosesingtarea prosesing


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
 Título
Agustina Fernandez, BidimensionalAgustina Fernandez
Bidimensional
Monserrat Torres: Proyecto BidimensionalBidimensional
Bidimensional, Carolina OlivaresBidimensional
Carolina Olivares
Maximiliano Leon: BidimensionalBidimensional
Bárbara Quiroz: Ciclo ForBárbara Quiroz: Ciclo For
Alumnus Exemplar: Ciclo For, parte 1Ciclo For
primer ejemplo
Constanza Valdivia: Ciclo ForCiclo For
Javiera Martinez, Ciclo forCiclo For
Alumnus Exemplar: Ciclo For, parte 2Ciclo For
ejemplo avanzado
Luciano Cimino; Ciclo forCiclo For
Francisca Paredes: Ciclo ForCiclo For
Davor: Ciclo forCiclo For 1
Charlotte Jander: Ciclo For 1Ciclo For 1
Ciclo For;imagen escrita; consuelo santisCiclo for 1
Ciclo for: Maximiliano MartínezCiclo for: Maximiliano Martínez
Cesar Sanchez:ciclo forCésar Sánchez: ciclo for
Daniela Valenzuela: ciclo for bidimencionalDaniela Valenzuela Ciclo for Bidimencional
Francisca Manriquez- Ciclos ForFrancisca Manriquez/ Bidimesional
Felipe Rojas Montenegro: Imagen Escrita: Ciclo ForImagen Escrita: Ciclo For
Kimlo: Ciclo forKim López: Ciclo for
Ma Jesus O: Ciclo ForMa Jesus O: Ciclo For
Monserrat Torres: Proyecto PoligonoPoligono
Juan Pablo Vergara: Ciclo Forbidimensional ciclo for
Josefina Molfino; ciclo forciclo for
Tomas andres ortega araya, (ciclo for)ciclo for point
Ciclo for monsepachmonsepach :Ciclo for

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.
 Título
Agustina Fernandez, EspiralAgustina Fernandez
Espiral
Espiral, Carolina OlivaresEspiral
Carolina Olivares
Daniela Valenzuela: espiral movilDaniela Valenzuela: Espiral Móvil
Monserrat Torres: Proyecto EspiralESPIRAL
Javiera Martinez, EspiralEspiral
Francisca Paredes: EspiralEspiral
Maximiliano Leon: EspiralEspiral
Luciano Cimino; EspiralEspiral
Maximiliano Martinez: EspiralEspiral
Francisca Manriquez- EspiralEspiral-Francisca Manriquez
Alumnus Exemplar: Identidad CircularEspiral: Identidad Circular
Espirales Bernardita RomeroEspirales bernardita romero
Bárbara Quiroz: Identidad CircularIdentidad Circular
Constanza Valdivia: Identidad CircularIdentidad Circular
Aucan Identidad circularIdentidad Circular a base de rectángulo
Felipe Rojas Montenegro: Imagen Escrita: Identidad CircularIdentidad Circular: Espiral
Charlotte Jander: Identidad CircularIdentidad Circular: Espiral
Davor: espiralIdentidad Circular: Espiral
Maria Jesus Oliva: EspiralIdentidad Circular: Espiral
Consuelo Santis: Identidad circularIdentidad circular
remolino
Kim López: EspiralKim López: Espiral
Kim López: PolígonoKim López: Polígono
Alumnus Exemplar: Polígono PolarPolígono Polar
Juan Pablo Vergara: Proyecto espiral imagen escritaespiral imagen escrita
Tomas andres ortega araya espiral mouseespiral mouse
Espiral monsepachmonsepach : espiral

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
Alumnus Exemplar: Máquina de Dibujo 2 - AchuradosAchuralógrafo
Maria Jesus Oliva: AchuradoAchuralógrafo
Agustina Fernandez, Autorretrato achuradoAgustina Fernandez
autorretrato achurado
Bárbara Quiroz: PincelBárbara Quiroz: Pincel
Maquina de Dibujo, Carolina OlivaresMaquina de Dibujo
Carolina Olivares
reloj de arena
Javiera Martinez, DibujoDibujo
Gabriela Díaz Naranjo EspiralEspiral Gabriela
Alumnus Exemplar: Máquina de Dibujo 1 - EspiralesEspiralógrafo
Dario Tapia: Proyecto Herramienta de DibujoHerramienta Dibujo
Davor: TrianguladorHerramienta para dibujar con triángulos
Kim López: PincelKim López: Pincel
Monserrat Torres, Maquina de DibujoMaquina de Dibujo
Maquina de Dibujo, Rubén Miranda (1)Maquina de Dibujo
Rubén Miranda (1)
Consuelo Santis: Maquina de DibujoMaquina de dibujo
Maximiliano Martínez: Programa de dibujoMaximiliano Martínez: programa de dibujo
Francisca Manriquez- Mecanismo dibujoMecanismo de Dibujo
Felipe Rojas Montenegro: Imagen Escrita: Máquina para dibujarMáquina para Dibujar
Consuelo Santis: PincelPincel-Timbre
Juan Pablo Vergara: Proyecto herramienta de dibujoherramienta dibujo
imagen escrita
Tomas andres ortega araya maquina de dibujomaquina de dibujo
Bárbara Madariaga: Autorretratopizarra