Los requisitos para aprobar el proyecto serán los siguientes: 1️ Página Full responsive 2️ Proyecto en Vite 3️ Componentes 4️ Los 3 juegos deberán estar en el mismo proyecto, así que tendremos botones que simulen una navegación en la página para mostrar los diferentes juegos 5️ Ningún bug - El desarrollo de los juegos tiene que contemplar todos los casos posibles y que nosotros al evaluarlo no consigamos romperlo 6️ Variables de colores y estilos reutilizables para el CSS 7️ Un correcto uso de funciones en JavaScript
Para el juego del tres en raya tendremos en el apartado visual un tablero de juego de 3x3, también, tendremos dos botones para elegir quien comienza jugando, si las "X" o los "O", en el momento de la elección desaparecerán los botones y el resto de turnos irán cambiando al contrario, si acaba de jugar "X" le tocará en el siguiente a "O".
Habrá que tener en cuenta que no se pueda sustituir el valor de una casilla ya marcada.
Queremos controlar cuando alguien gana haciendo comprobaciones o cuando se queda empate, en ambos casos el resultado se puede mostrar en un alert.
En cuanto a maquetación no tiene por qué ser muy complicado mientras cumpla la funcionalidad.
Para nuestro juego de memoria tendremos una serie de cartas, pueden ser imágenes o divs con colores, el apartado visual como siempre queda a vuestra elección.
Para el funcionamiento del juego tenemos que tener en cuenta que cuando hagamos click en una carta esta se dará la vuelta , controlaremos cuando el usuario hace el segundo click para levantar una segunda, se compararán y si son iguales se quedarán levantadas y ganaremos un punto, si no coinciden se volverán a dar la vuelta.
Own project 3 boxes. Start the game boxes will start to rotate values. The objective is to tap each of the box so that the animation stops. You win 1 coin every time you get 3 in a row. The animation can only be reset after all 3 have been stopped.