Mobile Development Two

Thumb Wars
The start of Thumb Wars

Thumb Wars

I started building Thumb Wars game in Appfurnace. By using my wire-frame sketch as a guide I created all the pages and added all the content I needed for the app to work.


At this point I was thinking about the functionality of the app in more detail.


Thumb Wars
Flow diagram of Thumb Wars (Click here for larger image)

Using a flow chart I created as a guide, I was able to code the Javascript within Appfurnace to make Thumb Wars work and respond to the users actions. There was also some PHP, JSON and MySQL involved to allow the app to log the users name and high score.


I placed the 2 PHP files on my server, one which passed the high score and name to the database after each game and one which returned the contents of the database to the high scores page of the app, with the highest score at the top.


Here are screenshots of the two PHP files. return.php json.php


Thumb Wars
Flow diagram of the start function (Click here for larger image)

I had to write a few Javascript functions for both the one player and two player games. Above is a flowchart of the start button function which started the count before the thumb pad appeared.


You were given 10 seconds to tap the pad with your thumb as many times as you could before it disappeared. As soon as the pad disappears you are given your score and the home button appears. The home button also starts a function that resets the game so it can be played again.


Thumb Wars
I tested Thumb Wars on both Android and iOS.

By testing Thumb Wars on both iOS and Android platforms I had a better understanding of the layout of the app on different screen sizes. I found there were quite a few issues with the smaller Samsung Galaxy Mini.


Thumb Wars walkthrough

I presented Thumb Wars to the group and received some good feedback to allow me to progress the app further.


Thumb Wars
Thumb Wars QR Code for the Appfurnace Player

Please feel free to test Thumb Wars out for yourself using the QR code above in the Appfurnace player app.


Next Project