A jQuery based game of Jigsaw, the game where you order pieces to complete an image. The game contains 4 pictures and 16 pieces for each.
Html, css, javascript, jQuery, jQuery UI and canvas-confetti.
- Next picture button must be clicked to choose an image to play with.
- Once a player clicks start puzzle the image will break down into pieces and will be moved to the left container.
- The player has to move all the pieces to the grid.
- At the bottom there’s a hint player can hover over it to see it better if needed.
- In order to win player must move the pieces to their correct position.
- make it responsive.
- Add more picutres.
- give players the ability to upload their own.
- Add an option to choose grid dimensions.
- Add a timer and link it to a scoring system.
This project was made for GA SEI course for unit 1
- jQuery UI draggable().
- jQuery UI droppable().
- Confetti and Falling circles animations was done by using canvas-confetti
- Pictures used were from pintrest and stef on Twitter.
- Basic Jigsaw puzzle by Crypters Infotech on Youtube.
- Music by R3 Music Box on Youtube.