Initially, our vision was to build something by connecting the dots with detective and crime plots scenes, just as what we can see in Sherlock Holmes series, but then we applied our creativity and came up with the idea of Whoofus or simply, "Who-of-us?". Whoofus is a single-player TPF (Third person View) sleuth game based on phaser js, where the crux of the matter is that you need to be at utmost alert to find out the killer! Immersify yourself as a Detective, & solve the mystery to find out who of us did it!
But to be very honest, we got the inspiration from two popular games, Among Us & Pac-Man.
What it does
As previously mentioned, Whoofus is a single-player TPF (Third person View) sluth game based on phaser js, where the crux of the matter is that you need to be at utmost alert to find out the killer! Immersify yourself as a Detective, & solve the mystery to find out who did it! There are 8 characters roaming about this map, moving about. There are walkways and pathways in which they can meet one another. When they meet, one of them can either kill the other one, or they could just pass by each other. When there is a murder, as a detective, your task is to find out who is the murderer of that specific dead body. And also not to mention, we also added some Easter Eggs inside this game! 😉
Whoofus runs on both on PC & mobile directly on the browser (on Canvas), although it's always recommended to play on PC for much better experience! ✨
How we built it
We used the following tech stacks for building our project,
Challenges we ran into
We weren't that much expert in phaser js. So, we had a lot to issues to setup the map and push those characters into the same. The game engine works on Vue.js, which wasn't a piece of cake for all of us since most of us prefer working in React.js. Also, it was a bit difficult for us to collaborate in a virtual setting but we somehow managed to finish the project on time.
Accomplishments that we're proud of
We are proud of finishing the project on time which seemed like a tough task as we started working on it quite late due to other commitments and were also able to add most of the features that we envisioned for the app during ideation. And as always, overnight working was pretty fun! :)
What we learned
A lot of things, both summed up in technical & non-technical sides. For the technical side, we got to learn so much about configuring the game engine which is entirely written on phaser.js. We also gained some UI/UX skills while one of us was busy building the frontend side of the project. It was a great experience working overnight & watching MLH's mini-events! Not to mention, Stackoverflow was the gem for us while we're troubleshooting some complicated issues late-night.
What's next for Whoofus
We're going to go through many changes & planning to add the following updates to the project in the future,
- Improve the UI of the game.
- Add more characters (Currently 8 characters available)
- Add multiplayer feature (on Socket.io)
- Live Chat support.
Whoofus can be further developed to add more features to make it more attractive & fluidic on every device! This would include some research work which we are planning to undergo soon!