An overview of all the features available
This is the home screen of the app
Choose from a classy collection of characters
Craft a repertoire of potions!
To craft potions, you need items
Unlock items by taking photos of surroundings!
Sell potions for candy at marketplace!
Edit your profile
View the profile of your friends
Do quests to get rewards
🎇 Inspiration 🎇
During the pandemic, a lot of kids have been detached from their natural environment and have been sucked into the virtual world. As another wave of the COIVID-19 pandemic looms over the horizon, I decided to create an app which will encourage the children to reconnect with the natural environment by requiring them to collect items in their surroundings and submit them into the app!
❓ What it does ❓
You play as one of the three magical characters and your goal is to craft potions which you can exchange for candy at the Marketplace. To craft a potion, you must go around and scavenge for items that match the list of ingredients needed. For example, to seek for the Branch of the old, wise oak, you would need to find a tree branch or a stick. Using Google ML Kit the app will look for the ingredient in your photo. After you collect all the items, you can craft your selected potion. There is also a leveling system where you can complete quests to level up. You can compete to be the highest level among your friends!
🤷♂️ How I built it 🤷♂️
I built Haunted Hallows using a Googles UI toolkit called Flutter. Using flutter and the language Dart I was able to achieve the features I wanted! The data displayed was stored both locally and in firebase firestore database. Data such as level, cash, spell progress, and etc. were all stored in firestore db. I also used firebase ML Kit to make sure users don't cheat. I made sure to add a list of tags in each spell ingredient so ML Kit can search for those in the picture taken. For example, if the ingredient is a tree branch the app will search for a tree and iterate through a list of tree characteristics to confirm it.
🤔 Challenges I ran into 🤔
Though I was lucky this time around and did not run into too many issues. Regardless, I have a tough time getting ML Kit to work. It would not detect items such as pumpkins and snakes. I figured the best solution would be to add a list of tags to each ingredient and have ML Kit look for those tags. Instead of ML Kit looking for vampires, I have to look for features unique to them. Though this process was tedious and time-consuming, it was well worth it when it started to work!
🥳 What I learned 🥳
- This was the first time I made a mobile game.
- I had a lot of fun coming up with fun ideas and implementing them. What I am most proud of is how smoothly everything went! Because this was my first time, I think I will run into many problems.
- The ML Kit is very useful and vast and we definitely want to revisit it in future projects. In the end, I had a lot of fun making this project and definitely plan to make more games in the future!
🎊 What's next for Haunted Hallows 🎊
Though I did manage to achieve the features I wanted but still I feel like there is a lot to add. I have many fun ideas for the future of the game and definitely plan to continue it! Somethings I am considering are:
- More starting characters
- More spells
- More interaction between players