The balance page, where you can check your balance and add money
A mini game for older children
The login screen, where you are encouraged to keep your password secure by enabling your webcam to check for people looking at your screen
A mini game for children
The registration page, where you can make an account and are informed of how best to keep your account secure from hackers

What it does

It works to encourage good financial habits like saving money by incorporating fun mini games to make the otherwise boring task enjoyable.

How we built it

The mini games were built in Unity and built to WebGL, then ran by a webapp (written in NodeJS with Express) which allows you to make an account, login, and start saving money by tracking your piggy bank with the virtual balance. When you add money, a mini game is triggered for you to play.

Challenges I ran into

Implementing proper communication between the WebGL mini games and the Javascript web page to pass data between the database and the game.

Accomplishments that I'm proud of

Producing a working webapp which properly incorporates the Unity games in a seamless manner.

What I learned

More about WebGL and Unity handles Javascript functions etc.

Built With

Submitted to

HackTheMidlands 5.0

Created by

I worked on the webapp, implementing the front end and backend, as well as working on connecting the Unity games with the webapp.

Will R
I worked on the graphic design and creation of the Stocks/Shares minigame. This involved programming in C# in Unity 2D, alongside creating graphics in Photoshop to use alongside.

Arun Barnard
I worked on a game in unity using C# where coins and notes fall from the sky and a monkey has to collect them. It uses an algorithm to make sure you always get the exact amount that you deposit and the value of currency scales with how much money needed to reach the total deposited.

I also worked on some Java Script to integrate a web cam and a pop up window that warned users to not get caught by hackers!

Daniel Jennings