Trabajo Práctico N1:
Círculo Cromático
En este primer trabajo del taller se trabajaron las figuras geométricas y la aplicación del color, junto con la comprensión de la ubicación espacial de los ejes X e Y. Para ello se desarrolló una estrella cromática o un círculo cromático.
¿Qué es un Círculo Cromático?
Es una representación ordenada y circular de los colores de acuerdo con su matiz o tono, en donde se representa a los colores primarios y sus derivados. Su uso es compatible tanto con los modelos sustractivos de color (artísticos, pictóricos), como con los modelos aditivos (lumínicos).
Códigos implementados
- triangle
- fill
- noStroke
- background
Trabajo Práctico N2:
Créditos
En este segundo trabajo se implementó las variables para integrar cambios que se presentan a medida que pasa el tiempo o los "FPS" en nuestra pantalla. Por lo cual la consigna solicitaba el desarrollo de una simulación de créditos inspirándonos en alguna serie o película
¿Qué son los FPS?
Más conocidos como frames por segundo es la cantidad de imágenes consecutivas que se muestran en pantalla por cada segundo mientras jugamos. Cuando estás viendo un vídeo, lo que ves en realidad es una secuencia de fotogramas que pasan a gran velocidad para dar la sensación de movimiento. Lo que realmente ves son imágenes fijas mostrándose de forma consecutiva, aunque pasan tan rápido que lo captas como un movimiento constante. Esta velocidad a la que pasan las imágenes está determinada por los FPS.
Códigos implementados:
- img
- text
- textAlign
- variable int
- PFont
- PImage
- textFont
- textSize
Trabajo Práctico N3:
Historia Interactiva (Primera parte)
En este tercer trabajo la consigna fue desarrollar una aventura gráfica interactiva. En esta el usuario tendría que ser capaz de interactuar mediante clicks en la pantalla para tomar una u otra decisión y así ver cómo se desarrolla la historia
Elementos solicitados:
- Elementos visuales
- Mapa de bits
- Tipografía
- Controladores (botones) para navegar el relato
- Pantalla de créditos
- Resolución 1024x768 u 800x600
- La secuencia debe tener al menos diez (10) pantallas y debe permitir finales alternativos y recorrido en formato de bucle (que siempre se pueda volver a comenzar)
Dato Curioso sobre los juegos interactivos:
Género del mundo de los videojuegos interactivos cuyo antecedente más inmediato son las aventuras conversacionales de los años 1980. En dichos juegos la acción se desarrollaba en primera persona y bajo la pantalla gráfica había un cuadro de texto, utilizado para moverse, usar objetos e interactuar con el entorno y los personajes del videojuego mediante sencillas frases del tipo "hablar con el anciano", "usar fuego" o indicando puntos cardinales para ir de un sitio a otro, como por ejemplo "norte" o "sur".
Título
- Pantalla de presentación de la historia interactiva
Pantalla 1
- Se presenta el problema de la historia y hay tres decisiones a elegir
Pantalla 2A
- Primera ruta de la historia, se presentan dos decisiones a tomar
Pantalla 2B
Pantalla 2C
- Final bueno de la primer ruta
Pantalla 2D
- Final malo de la primer ruta. Pierdes.
Pantalla 3A
Pantalla 3B
Pantalla 3D
Pantalla 3E
- Final bueno de la segunda ruta. Ganas.
Pantalla 3F
- Final malo de la segunda ruta. Pierdes.
Pantalla 3C
- Final malo de la segunda ruta. Pierdes.
Pantalla 4A
- Te encuentras en la selva y tienes que hacer algo
Pantalla 4B
Pantalla 4C
- Final malo de la tercer ruta. Pierdes.
Pantalla 4D
Pantalla 4E
- Final malo de la tercer ruta. Pierdes.
Pantalla 4F
- Final bueno de la tercer ruta. Ganas.
Trabajo Práctico N4:
Historia Interactiva (Segunda parte)
En este cuarto trabajo práctico tendríamos que recrear la historia gráfica e interactiva desarrollada anteriormente pero añadiéndole al código Arreglos y Funciones reutilizables para la evolución del mismo, así como también respetando los siguientes requisitos.
- No superar el tamaño de 10 MB
- Incorporar audio (Opcional, pero tengan en cuenta que va a ser obligatorio en el TP Final)
- Manejo de funciones aplicando el concepto de reutilización. Este es un punto importante, y puede ser aplicado sobre la generación de las pantallas. No se debe tomar como válido el uso de funciones si no es re utilizable.
- Incorporación del manejo de arreglos (de 1 o N dimensiones)
- Resize de pantalla y que se mantenga la relación ancho/alto en todos los componentes. (Opcional)
Mapa de navegación
Imágenes de las pantallas
Trabajo Práctico N5:
Video Juego con Objetos
En este quinto trabajo práctico se debió desarrollar un video juego compuesto en códigos de objetos y en el que se pueda ganar o perder. Además deberá estar relacionado directamente con la historia interactiva llevada a cabo en anteriores trabajos.
Trabajo Práctico FINAL:
Aventura Gráfica + Video Juego
En este último trabajo práctico se unificarán el TP4 pero evolucionando el código a objetos, con el TP5, siguiendo con la aplicación de objetos en el código. El juego desarrollado en el TP5 se deberá integrar correctamente dentro de la historia interactiva y, a su vez, afecta a la misma.
Pero para poder realizar dicha entrega, deberán cumplir los siguientes Items:
- Asistir al menos a 3 de las 4 clases de seguimiento semanal. En las mismas se deberá contar con Micrófono y Cámara. El docente debe verlos. Aparte deberán poder compartir el escritorio.
- Cumplir en los seguimientos semanales, los porcentajes de avance. No podrán entregar todo el TP Final de una en la última semana. Debe haber un seguimiento del docente
- Todo el TP Final debe terminar estar armado en Objetos, no debiendo tener variables globales innecesarias, y funciones huérfanas.
- Se debe incorporar el manejo de Sonido (Obligatorio)
- La pantalla debe ser resizeable, o sea, poder cambiar la resolución de la misma y que no afecta a la visualización (Obligatorio)
- Debe estar funcionando correctamente.
Mapa de navegación
Imágenes de las pantallas