This repository features a 15-tile sliding puzzle game created using JavaScript, HTML, and CSS. Also known as the 15-puzzle, this classic game challenges players to arrange 15 numbered tiles in sequential order by sliding them into an empty space on a 4x4 grid.
- Interactive Gameplay: Easily click or tap on tiles adjacent to the empty space to slide them into the slot.
- Amazing Sounds: Enjoy a selection of sound effects that enhance the gameplay experience. Each tile movement and successful puzzle completion is accompanied by satisfying audio feedback.
- Responsive Design: Optimized for various screen sizes, ensuring a seamless experience on both desktop and mobile devices.
- Stylish UI: Enjoy a clean, modern interface with smooth sliding animations for an enhanced user experience.
- Randomized Start: Each game begins with a unique, randomized tile arrangement for a fresh challenge every time.
- Win Detection: Automatically detects when the puzzle is solved and displays a congratulatory message.
- HTML: For the structure of the game.
- CSS: For styling the game board and tiles.
- JavaScript: For the game logic, including tile movement and win condition detection.
- Clone the repository to your local machine.
- Open the
index.html
file in your preferred web browser. - Click or tap on a tile adjacent to the empty space to slide it into the slot.
- Continue sliding tiles until they are arranged in numerical order from 1 to 15, with the empty space in the bottom-right corner.
Contributions are welcome! Feel free to submit a pull request or open an issue if you have suggestions for improvements or find any bugs.
This project is licensed under the MIT License.
- Sound Effect by Luca Di Alessandro from Pixabay
- Sound Effect by Kuzu from Pixabay
- Sound Effect by floraphonic from Pixabay
- Sound Effect from Pixabay
- Sound Effect from Pixabay
-
Icons made by Gregor Cresnar from www.flaticon.com'