PROYECTO PARCIAL: Gráficos Interactivos
1 Generalidades
Realiza 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:
- Escena en dos estados
- Setup de VJ
- Herramienta de dibujo
- Personaje en mundo 2D
Abajo se detallan más posibilidades de cada una.
2 Entrega
La entrega del proyecto consistirá en dos partes:
- Avances del proceso (sesión 8)
- Documentación final (sesión 9)
2.1 Avances del proceso
Publica en el foro del Proyecto Parcial tus referencias, avances, bocetos, código, resultados, dudas, comentarios, etc. al final de la sesión 8, de manera similar a como has hecho con las actividades en el Notebook.
2.2 Documentación final
Al finalizar la sesión 9, publica en el foro del Proyecto Parcial la siguiente documentación:
- Descripción general de tu proyecto: título, descripción, contexto
- Demostración del proyecto: imágenes resultantes, enlaces a video(s) que lo muestren en funcionamiento.
- Documentación del proceso creativo: referencias, sketches, prototipos, hallazgos, obstáculos
- Conclusiones: lecciones, posible trabajo a futuro
- Código fuente completo y documentado con comentarios
3 Cronograma de trabajo propuesto:
La idea es realizar el proyecto en su totalidad durante las sesiones en vivo. Es tiempo suficiente siempre y cuando definamos bien el alcance del proyecto.
- Sesión 8: Planeación y concepto, pruebas y desarollo
- Sesión 9: Desarrollo general del proyecto, documentación
4 Recomendaciones
Documenta frecuentemente tu proceso: Te recomiendo guardar versiones distintas del código cada vez que hagas cambios significativos, y hacer capturas de imagen en todas las etapas.
Estaré presente en las sesiones para asesoría y resolución de dudas a nivel individual y grupal. ¡No dudes en compartir tus preguntas!
5 Descripción de ejemplos
Estas son posibles sugerencias en las cuales basarte para tu proyecto.
5.1 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 las figuras en el espacio?
- Puedes hacer todo el dibujo dentro del
if, copiarlo alelse, y ahí hacer las modificaciones.
Posibilidades extra a implementar:
- ¿Y si agregas animaciones sencillas en cada estado?
- ¿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)
5.2 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?
5.3 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?
5.4 4) 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”