Puzzle-game-js

puzzle_deslizante

Puzzle Deslizante

Este es un proyecto de un juego de Puzzle Deslizante implementado en HTML, CSS y JavaScript. El juego consiste en mover las piezas del puzzle para organizarlas en orden secuencial.

Descripción del Proyecto

El juego permite al usuario mover las piezas del puzzle haciendo clic en ellas, siempre que estén adyacentes a la celda vacía. El objetivo es reorganizar las piezas en el orden correcto. También hay un botón para desordenar el puzzle y otro para resolverlo automáticamente.

Características

• Interactividad: El usuario puede hacer clic en las piezas para moverlas.
• Mecanismo de resolución: Se puede restaurar el puzzle a su estado original con un solo clic.
• Contador de tiempo: Mide el tiempo que tarda el jugador en resolver el puzzle.
• Desordenar: Permite mezclar las piezas de nuevo.

Tecnologías Utilizadas

• HTML5
• CSS3
• JavaScript (ES6)

Requisitos

• Un navegador moderno que soporte HTML5, CSS3 y JavaScript.
• Servidor local para ejecutar el proyecto (puedes usar herramientas como XAMPP o MAMP).

Instalación

1. Clona este repositorio o descarga los archivos.
2. Asegúrate de que los archivos de imagen (.gif) estén en la carpeta img.
3. Abre el archivo index.html en tu navegador.

Ejecución

Para ejecutar el juego, simplemente abre el archivo index.html en tu navegador. Utiliza los botones para desordenar el puzzle y para resolverlo.

Versión de JavaScript

Este proyecto fue realizado utilizando JavaScript ES6.