Jigsaw image puzzle generator - Angular
Budget: $250 – $750 USD
Create a Jigsaw image puzzle generator in Angular.
I want to have a new image puzzles for my website every day and for this I want to have a puzzle generator which will cut a random image to corresponding puzzle pieces.
A very good working example is on the SeattleTimes website: https://www.seattletimes.com/games-universal/?amu=/iwin-jigsaw, but the difference is that I am aiming for a puzzle generator, which can generate a puzzle based on the image I upload.
The puzzle generator should have the following functionalities:
Simple Admin panel:
1. upload image
2. publish
Difficulty and levels:
Should have multiple difficulty levels based on the number of pieces
- Easy: 30, 40, 50 pieces
- Medium: 100, 150 pieces
- Hard: 500, 1000 pieces
Front-end - (the puzzle game)
1. Start button - generates and randomizes the pieces and starts the countdown
2. Preview button - shows the original image
3. Fullscreen button - press to go fullscreen (not relevant for mobile, as mobile should be always fullscreen)
4. Change background color button - changes the background color of the puzzle
5. on fitting 2 pieces together, a click sound should indicate if the pieces are in correct place
When the puzzle is solved, the countdown should stop and the player is indicated with congratulations!
Archive:
The idea would be to have a daily puzzle, every day a new image is published and players can play with it,
but the player can solve yesterday's puzzle as well.
- yearly calendar is needed where the player can go back to yesterday's puzzle and play
- save the images and the corresponding information into MySql
Please try this puzzle online: https://www.seattletimes.com/games-universal/?amu=/iwin-jigsaw and indicate with this keyword: laska, that you have read the project description.
I want to have a new image puzzles for my website every day and for this I want to have a puzzle generator which will cut a random image to corresponding puzzle pieces.
A very good working example is on the SeattleTimes website: https://www.seattletimes.com/games-universal/?amu=/iwin-jigsaw, but the difference is that I am aiming for a puzzle generator, which can generate a puzzle based on the image I upload.
The puzzle generator should have the following functionalities:
Simple Admin panel:
1. upload image
2. publish
Difficulty and levels:
Should have multiple difficulty levels based on the number of pieces
- Easy: 30, 40, 50 pieces
- Medium: 100, 150 pieces
- Hard: 500, 1000 pieces
Front-end - (the puzzle game)
1. Start button - generates and randomizes the pieces and starts the countdown
2. Preview button - shows the original image
3. Fullscreen button - press to go fullscreen (not relevant for mobile, as mobile should be always fullscreen)
4. Change background color button - changes the background color of the puzzle
5. on fitting 2 pieces together, a click sound should indicate if the pieces are in correct place
When the puzzle is solved, the countdown should stop and the player is indicated with congratulations!
Archive:
The idea would be to have a daily puzzle, every day a new image is published and players can play with it,
but the player can solve yesterday's puzzle as well.
- yearly calendar is needed where the player can go back to yesterday's puzzle and play
- save the images and the corresponding information into MySql
Please try this puzzle online: https://www.seattletimes.com/games-universal/?amu=/iwin-jigsaw and indicate with this keyword: laska, that you have read the project description.