In this final project you'll make a clone of a popular android game called "4pics1word". The game is divided into levels and in each level, four pictures are shown which are related to a word. You, as the player, have to guess this word by looking at these pictures and fill it in the blanks provided. If your answer is correct, you proceed to the next level.
Here's a small video recording of me playing the game:
Some things to note:
- When the game starts, the user can see the images, some blanks, and options (alphabets).
- User can click the alphabets to input the answer. Clicking on a filled blank removes the alphabet.
- User can also ask for hints. At most 2 hints are allowed for each level.
- If the answer is wrong, it gets highlighted in red. If it is correct, the game moves on to the next level.
You can also take a look at the finished project and play the game yourself here.
We have used some CSS libraries and some custom CSS to add styles to the page and make it look beautiful. Link to the code is also provided at the end of this tutorial.