PROYECTO PARCIAL: Gráficos Interactivos
Gráficos Interactivos
Realiza un prototipo de una composición visual en Processing que use expresiones condicionales (if...else) para alternar entre dos o más estados.
Ejemplos de composiciones que podrías realizar (escoge una por ahora) :
- Escena en dos estados
- Setup de VJ
- Herramienta de dibujo
- Personaje en mundo 2D
Abajo se detallan más posibilidades de cada una.
Entrega
Sube al canal #entregas-y-retro un documento PDF con lo siguiente:
- Al menos 3 capturas de pantalla que muestren tu sketch en funcionamiento
- Descripción del sketch: ¿Qué es? ¿Cómo funciona? ¿Cómo se usa? ¿De qué maneras puede cambiar?
- Comentario sobre tu proceso: ¿Qué querías hacer, y qué pudiste lograr? ¿Tuviste dificultades? ¿Qué hallazgos tuviste? ¿Te inspiraste en alguna referencia?
- Código fuente de tu programa, de preferencia con comentarios
Cuando compartas ese PDF, también publica en el chat una grabación de pantalla de tu resultado para que podamos verlo en acción.
Si quieres seguir trabajando y entregar después de la sesión, asegúrate de compartir tus avance(s) en el canal #en-clase durante la hora de clase.
Ejemplos
1) Escena en dos estados
Una escena que se muestra de cierta manera, y al recibir interacción (como un click o una tecla) se muestra de otra forma.
Posibles ejemplos:
- Interior con / sin iluminación
- Paisaje de día / de noche
- Mundo con / sin basura (?)
- etc
A considerar:
- ¿Hay partes del dibujo que se muestren siempre?
- ¿Lo que cambia entre cada estado es el color o también figuras?
- Puedes hacer todo el dibujo dentro del "if", copiarlo al "else", y ahí hacer las modificaciones.
Posibilidades extra a implementar:
- ¿Y si agregas animaciones sencillas?
- ¿Y si la interacción con el mouse sucede solo en cierta área del canvas? (e.g. la luz se enciende al dar click en una pared)
2) Setup de VJ
Un sketch que muestre diferentes visuales / animaciones según la tecla que se presione.
Posibles ejemplos:
- Pantalla de diferente color
- Diseños con diferentes figuras (líneas, rectángulos, elipses)
- Animaciones sencillas en una u otra dirección
- Animaciones de cambio de brillo o color
Posibilidades extra a implementar:
- ¿Y si usas teclas para modificar parámetros de las animaciones, como la velocidad de movimiento?
- ¿Y si agregas animaciones que dependan de alguna forma del movimiento del mouse?
3) Herramienta de dibujo
Un sketch que te permita dibujar con alguna figura sobre el canvas.
Posibles ejemplos:
- Deja marca con el mouse cuando lo presiones (y si no, no)
- Deja marca con un puntero que se controla con el teclado
Posibilidades extra:
- ¿Y si usas teclas para cambiar la figura, tamaño y/o color con los que dibujas?
- ¿Y si agregas alguna acción para "borrar" el dibujo?
- ¿Y si el color con el que dibujas cambia solo?
- ¿Y si agregas alguna acción para "guardar" el dibujo?
Personaje en mundo 2D
Un sketch que muestre a una fracción de un mundo 2D que puedas recorrer con un personaje controlado por el mouse o teclado.
Posibles ejemplos:
- Laberinto
- Isla pequeña
- Espacio exterior
Posibilidades extra:
- ¿Y si componentes del mundo 2D están animados?
- ¿Y si juegas con el orden de dibujo para que tu personaje pueda estar detrás o adelante de objetos?
- ¿Y si cambias el aspecto del personaje mientras se mueve?
- ¿Y si cambias el aspecto del personaje según a dónde se mueva?
Por el momento no te preocupes por lo que se llama "detección de colisiones"