-
Landing Page
-
Game Board
-
Successful Hit
Inspiration
I visited the arcade a few weeks back, and stumbled upon the classic Whac-A-Mole game that I used to play when I was a child. Suddenly, I have the inspiration of re-creating this physical game into a digital web version, with enhanced features that suit my liking.
What it does
It is a digital version of Whac-A-Mole, but more entertaining and more fun. Look out for a twist at the end!
How we built it
We built this app using HTML5, CSS3 and JavaScript. It is a single page application powered extensively by JavaScript.
Challenges we ran into
One of the challenges we ran into was making a seamless animation of the hammer cursor. This was in part in enhancing the user experience of striking a mole.
Accomplishments that we're proud of
We managed to enhance the user experience as much as possible just using CSS and JavaScript which we find were essential. We are also proud of putting together a complete project within less than 24 hours.
What we learned
We learned that the subtle details, such as a visually appealing background graphics, a background music, animations and sound effects, are vital in providing a good user experience in playing the game. This was the part that we devote most of our time on.
What's next for Holey Moley
We have some other ideas that we did not implement due to time constraint. One of them is story mode. We wanted to do a story mode where we will depict the life of a mole in the form of voice-over narration as the player continues hitting it. This would perhaps make the game slightly fun and different. We could also further enhance the game by introducing different types of moles and power-ups that serve different functions. Finally, on a long-term perspective, as the game grows with more features, we find that it is better to port our current codebase to a front-end framework like React. This will help us better manage our JavaScript files.
Log in or sign up for Devpost to join the conversation.