Trabajo Practico Tecnologias WEB
Mini-sitio personal con información sobre trabajos prácticos realizados con Processing en las comisiones. Con librerías de JavaScript y framework a elección.
Primeros trabajos
Primera entrega
Para el primer trabajo que tuvimos que realizar con Processing y lenguaje de Java Script, tuvimos que realizar un círculo cromático, utilizando funciones básicas de processing y aplicando el uso de color. En mi caso yo use la paleta HSB, y cree mi “circulo cromatico” combinando funciones de rect(); y line();
Uso de variables
Para el segundo trabajo tuvimos que recrear una escena de créditos de una serie o película, yo elegí la opción de Rick y Morty. Para este trabajo, empezamos a usar variables, valores no estáticos, y de esta forma creamos movimiento e interacción con los elementos. También trabajamos con uso de texto, carga de imágenes y de tipografías.
Hace click aca para descargarlo
Aventura Gráfica
Para este entonces ya teníamos conocimientos básicos como para crear algo más completo. Para el TP3 tuvimos que hacer una aventura gráfica interactiva de temática libre que incluya: Elementos visuales, Mapas de bits, Tipografía, Controladores (botones) para navegar el relato, Pantalla de créditos. También incluimos temas como eventos, uso de modulo y condicionales.
¿Qué es?
La cátedra define a las aventuras gráficas interactivas como una narración que recorre una historia no lineal, es decir,un relato que posee caminos alternativos para realizar su recorrido (con uno o varios finales). También se los denomina "point and click games" por su particular interacción del el mouse con el entorno gráfico. Suelen contar con diálogos en texto que guían la historia. Desde el canal de "La caverna del Gamer", hacen un breve ranking con los clásicos de este género, y nos cuentan un poco más sobre sus características e historia:
Acá empecé a desarrollar la historia de Blop, un alíen que aterriza en la tierra y es capturado por el área 51. La misión del usuario es acompañar a Blop hacia una ruta de escape. Todos los elementos que aparecen en la aventura, los diseñe en Adobe Ilustator. Estos son algunos de ellos:
Trabajos mas completos
TP4
Para el trabajo practico 4 , debíamos realizar la entrega del TP3, pero evolucionando la misma incorporando el manejo de Arreglos y Funciones. También aplicar el manejo de funciones aplicando el concepto de reutilización.
TP5
Para el quinto trabajo hicimos un mini juego, el cual esté relacionado con nuestra aventura gráfica. Este al mismo tiempo debía estar completamente hecho con objetos y aplicando los conocimientos y mejoras de los trabajos anteriores. Para esta entrega aplique el uso de sonidos.
TP Final
Para el Trabajo Práctico Final, tuvimos que ponernos en parejas, seleccionar una de las dos aventuras gráficas, y agregar el mini juego a la historia. El resultado de este trabajo sería, una aventura gráfica, hecha completamente con objetos, utilizando resize, agregando sonidos, y con un minijuego incorporado.
Para esta ocasión, hice pareja con mi compañero Nicolás Flore y trabajamos con su propuesta. Su aventura se trata de una historia sobre una máquina del tiempo y sus posibles viajes y destinos. En el minijuego el usuario tiene que derribar con un puntero a unos virus malignos que se introdujeron en el sistema y que no permiten que continuemos con nuestro viaje.
Pudimos aplicar el resize y los sonidos para generar una mayor interacción con el usuario, y también cumplimos y aplicamos todos los requisitos.
