iconoFriv
imagenTrivia
imagenAhorcado
imagenPuzzle

ORGANIZACIÓN DE LA ENTREGA

1. FASE DE PLANTEAMIENTO DEL PROYECTO
-Sergio y Alvaro

2. FASE DE DISEÑO DE LA PAGINA PRINCIPAL
-Sergio y Alvaro

3. FASE DE DISEÑO DE LAS PAGINAS DE JUEGOS
-Sergio y Alvaro

4. FASE DE DISEÑO RESPONSIVE PARA EL QUIZ
-Sergio

5. FASE DE PROGRAMAR LOS JUEGOS
-Quiz: Sergio
-Ahorcado: Alvaro
-Puzzle: Sergio

6. FASE DE MEJORAS (DISEÑO O FUNCIONALIDAD)
-Sergio y Alvaro

EXPLICACION DE LOS JUEGOS

EL TRIVIA

imagenTriviaCrack

El juego de trivia es un juego de preguntas y respuestas que se juega individualmente o en grupos. En este juego, los jugadores responden preguntas de diversas categorías, como historia, ciencia, cultura general, deportes, entre otros.

El objetivo es acumular la mayor cantidad de puntos posible respondiendo correctamente a las preguntas.

El juego de trivia puede ser jugado en persona o en línea, y hay muchas variantes y formatos diferentes. En este caso, se trata de 10 preguntas con 1 única respuesta correcta, si el usuario acierta, pasa a la siguiente pregunta y suma puntos, mientras que si falla se pasará también a la siguiente pregunta pero se le restarán puntos independientemente de si tiene o no.

EL AHORCADO

El juego del ahorcado es un juego de palabras en el que un jugador debe adivinar una palabra oculta en un número limitado de intentos. El juego está programado para que la máquina elija una palabra al azar y el usuario la responda.

Si el jugador que intenta adivinar la palabra elige una letra que no está en la palabra, el dibujo de un ahorcado se dibuja en la pantalla (con una horca, la cabeza, el cuerpo, los brazos y las piernas) y pierde un intento.

Si el jugador adivina correctamente todas las letras de la palabra antes de que el dibujo del ahorcado esté completo, gana el juego. Si no lo hace, pierde.

imagenAhorcado

EL PUZZLE

imagenPuzzle

El juego del puzzle consiste en armar una imagen dividida en piezas, las cuales se encuentran mezcladas y desordenadas. El objetivo del juego es mover las piezas para colocarlas en su lugar correcto y así formar la imagen completa. Puede haber distintos niveles de dificultad en los que se aumenta el número de piezas o se complica la forma en la que se encuentran distribuidas.

Es un juego que requiere de habilidad visual y paciencia, y puede ser una actividad divertida y entretenida para todas las edades.

En este caso, se trata de recrear la imagen de un león dónde si, el usuario no pone la pieza en el lugar al que corresponde, no dejará su implementación, mientras que si es al contrario si que dejará. Una vez completado el puzzle, saldrá la pantalla de finalización del juego.

ENFOQUE PARA HACER RESPONSIVE EL QUIZ

El enfoque para hacer responsivo el quiz ha sido fácil de planificar:
1) Dibujar en papel la disposición del quiz, botones, funciones a realizar...
2) Empezar a diseñar el HTML desde una perspectiva mobile-first, para ir realizando cambios a medida que la pantalla aumenta de tamaño.
3) Añadir todas las funciones en JavaScript que tiene que realizar.
4) Una vez acabado, realizar el diseño para pantallas con un tamaño mas grande.
5) Revisión y corrección de errores de diseño.

ESTRUCTURA DEL CÓDIGO

El código a grandes rasgos tiene la siguiente estructura:

1) CÓDIGO HTML + CSS(TAILWIND)

2) JAVASCRIPT

2.1) DEFINICION DE LOS DIVS DEL HTML

2.2) FUNCIONES QUE REALIZAN EL CÓDIGO

PROBLEMAS Y SOLUCIONES

CONTADOR

El tiempo del contador no se cuadraba con el paso de las preguntas.

SOLUCIÓN

Crear una funcion, que cada vez que se la llamase, pusiese el contador a 15.

VALIDADOR RESPUESTAS

Errores al tratar de coordinar tiempo, sonidos, colores y respuestas.

SOLUCIÓN

Dividir el problema en partes, y analizar cada parte detenidamente.

DRAG AND DROP

Debido a errores, su comportamiento cambiaba o daba errores.

SOLUCIÓN

Consultar los apuntes y ver tutoriales y guías en youtube

POSIBLES MEJORAS

OPTIMIZACIÓN

Demasiada repetición de código, lo que hace que el archivo pese más y sea difícil de entender. Se podrían haber utilizado más funciones pero por falta de tiempo, se ha priorizado la funcionalidad antes que la optimización.

RESPONSIVE

Se deberían de haber realizado todas las paginas de los juegos de forma responsive, para que todas las personas que visitasen la página la viesen de forma adecuada al tamaño de su pantalla.

OTROS

Algunas cosas deberían mejorarse, cómo los tiempos de los sonidos en el quiz o adiciones extra cómo un contador que diese un tiempo máximo a la resolución del puzzle por parte del usuario.