For our final project, we wanted to create a game that was both fun and interactive. We were not sure what kind of game we wanted at first, but as we started tossing some ideas around, we started creating the outline of a game in which the purpose was to try and find little creatures within a room. Once we had all of the visual, sound and background elements ready, we quickly came to the decision of making a memory game with the theme of Creatures in the Attic.
We knew we had to use JavaScript in order for our cards to be recognized as matching pairs as well as to randomize the cards on each load. We also used JQuery in order to create a flashlight effect around the cursor to create a more attic-like environment. After looking through many tutorials on how to create a memory game and how to create a flashlight effect for the cursor, we were finally ready to start a code of our own.
Obstacles that we faced were things such as making the cards respond and reset if they did not match, double background layouts being the same, and having a div popup message appear once the user finds all of the matches. We wanted the boxes to have 100% opacity, but were unable to achieve this because each method we tried to use would break the code of the flashlight effect. In the end, we were able to overcome most of these challenges and are very proud of the outcome of our project.