He agregado un mini juego para el proyecto 3, es super sencillo y trata de seguir el elemento con el mouse y al hacer "hover" se sumarán puntos. He de mencionar que hay un contador que por defecto es de 10 segundos y cada vez que el jugador hace "hover" se sumarán 10 puntos al puntaje actual.
Consideraciones:
Creé una nueva carpeta para mantener el estado del proyecto original y tener la referencia base/original.
Se ha reutilizado el modal del proyecto 2 para mostrar el puntaje total del jugador.
Evité el uso de otros hooks propios de React y custom hooks para que puedan ser abordados en una clase posterior y no adelantar contenido.
El mini juego es sencillo y se le pueden hacer muchas mejoras, lo dejé de esta manera (intencional) para que otros devs puedan experimentar, cambiar y/o mejorar.
Modificaciones
El proyecto se encuentra en el directorio /projects/03-mouse-follower-minigame. Hay configuraciones por defecto que pueden ser modificadas para mayor interactividad/comodidad, esto se encuentra en el archivo constants.js (siguiendo el ejemplo del proyecto anterior) cuyo archivo se encuentran:
DURATION_GAME: Duración del juego. Valor por defecto: 10 segundos.
POINT_VALUE: El total de puntos a sumarse cuando se hace "hover" al elemento. Valor por defecto: 10 puntos.
BOX_SIZE: Tamaño del elemento. Valor por defecto: 50 píxeles.
BOX_RANDOM_POSITON_TIME: El tiempo que demora en randomizar la posición del elemento. Valor por defecto: 1000 milisegundos.
Mini juego sencillo hecho con 🤍 para que puedan aprender cosas nuevas, así que ánimo para practicar.
He agregado un mini juego para el proyecto 3, es super sencillo y trata de seguir el elemento con el mouse y al hacer "hover" se sumarán puntos. He de mencionar que hay un contador que por defecto es de 10 segundos y cada vez que el jugador hace "hover" se sumarán 10 puntos al puntaje actual.
Consideraciones:
Modificaciones
El proyecto se encuentra en el directorio
/projects/03-mouse-follower-minigame. Hay configuraciones por defecto que pueden ser modificadas para mayor interactividad/comodidad, esto se encuentra en el archivoconstants.js(siguiendo el ejemplo del proyecto anterior) cuyo archivo se encuentran:DURATION_GAME: Duración del juego. Valor por defecto: 10 segundos.POINT_VALUE: El total de puntos a sumarse cuando se hace "hover" al elemento. Valor por defecto: 10 puntos.BOX_SIZE: Tamaño del elemento. Valor por defecto: 50 píxeles.BOX_RANDOM_POSITON_TIME: El tiempo que demora en randomizar la posición del elemento. Valor por defecto: 1000 milisegundos.Mini juego sencillo hecho con 🤍 para que puedan aprender cosas nuevas, así que ánimo para practicar.