A dynamic drag-and-drop puzzle game where players can rearrange puzzle pieces on a game board. The puzzle pieces are randomly shuffled at the start to create a unique challenge every time the page is loaded.
- Randomized Puzzle Layout:
- Each game starts with the puzzle pieces shuffled randomly.
- Drag-and-Drop Interaction:
- Players can drag puzzle pieces to rearrange them on the board.
- Smooth Movement:
- Pieces follow the cursor as they are dragged and adjust their z-index for proper layering.
- Customizable Puzzle Images:
- Each puzzle piece dynamically loads from the
images/directory.
- Each puzzle piece dynamically loads from the
HTML: Structures the game board and layout.
- CSS: Styles the puzzle board and ensures smooth transitions.
- JavaScript: Handles randomization, drag-and-drop functionality, and event listeners.
- Open the jigsawPuzzle.html file in a web browser.
- Start rearranging the puzzle pieces on the board.
This program was developed as part of an assignment for my programming class. The folder names and structure reflect the required naming convention for class submissions.