Pasapalabra
Este juego es una versión del famoso juego español "Pasapalabra", en el que el concursante tiene que acertar una pregunta por cada letra del alfabeto en un tiempo determinado.
Características
- La partida se puede personalizar eligiendo un avatar femenino o masculino.
- El juego transcurre a contrarreloj, se dispone únicamente de 150 segundos.
- Se muestra una pregunta por letra y se debe contestar lo más rápido posible.
- Si la respuesta es correcta, la letra deja de parpadear, se vuelve verde y se emite un sonido de acierto, sino, se vuelve roja y se emite un sonido de fallo.
- Es posible pasar a otra pregunta y volver después para contestar.
- El juego puede ser cancelado en cualquier momento.
- Una vez finalizado el juego, se muestra la puntuación y aparece la opción de volver a jugar o ver el ranking.
- El ranking muestra los últimos 10 mejores resultados.
Qué he aprendido
- A utilizar SASS y convertirlo a CSS.
- A construir y utilizar mixins con SCSS para utilizar funciones.
- A implementar tipografía fluida y responsiva.
- A sincronizar eventos del DOM con jQuery.
- A alinear elementos con la combinación de posiciones absolutas y relativas.
- A organizar y separar el código siguendo el MVC (modelo, vista, controlador).
Tecnologías
- Front-end: JavaScript (ES6) con jQuery, HTML, CSS-SASS
- Back-end: -