#30 Bubble Wrapper Tapper – Menus

Bubble Wrapper Tapper

Main Menu

5a6f35b0630ea_mainmenu.thumb.png.15b8df4394b12b97af0a478f788400a1.png

The main menu takes place on a sheet of bubble wrap

I made the title multi coloured to add some colour to the menu, either that make the screen mostly blue. The colours I added are pink, orange and dark blue to represent the different bubbles the player will be popping in the game.

I decided not to add a quit button because most of these small addictive games don’t have one and I don’t think its necessary to have it.

This menu contains a play button, leaderboards and mute sound. Their all self explanatory. The sound button is the smallest because its the least necessary option out of the three, I want the players to notice the play button the most so I added the only green colour on the menu and its positioned above all the other options. I used icons instead of words because icons look more cartoony and fit more with this game than words.

The background can look better with a texture, perhaps a plastic texture since bubble wrap is made plastic, the background does need some appeal because its just a flat colour that doesn’t fit well with the bright cartoony look of the bubbles and icons.

Game Screen

5a6f359f3ef65_gamescreen.thumb.png.0657fe026d8ff66594aa9a2bc464a7da.png

The game starts out with a few bubbles and as the player gets further more bubbles appear as well as the different types of bubbles that need to be popped differently.

The game has a timer, score, bubbles and a pause button.

Game Over Screen

5a6f35b7c7916_gameoverscreen.thumb.png.9b0ec62f0d9eed11ed6762dba5de794a.png

When the player loses the game over screen appears displaying the players results.

Theirs also a button to go back to the main menu and a retry button to try again.

I lowered the opacity because the bubbles get in the way of the buttons at the bottom. I also tried darkening the screen to see if it works better rather than lowering the opacity.

Game Over Screen Darkened

5a6f3a7ae876f_gameoverscreendark.thumb.png.e56bc158c554c6bf7fe97b6c72f27529.png

I think this works better than lowering the opacity, the game over circle also pops out a little better making it easier for the player to read.

Leaderboard Screen

5a6f3c38e03c0_leaderaordsscreen.thumb.png.39570a31c8c4b86ab2b04155f91a8eb1.png

The leaderboard shows the top 10 players in the game as well as your position on the leaderboard which is displayed at the bottom.

The bubbles are there to make the screen look nicer. The flat coloured background doesn’t help, that needs some appeal.

Theirs also a back button to take the player back to the main menu.

 

Next thing i’m going to do is create a customer journey to show how I think players are going to feel and expect in the game.

Advertisements
Categories Uncategorized

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this:
search previous next tag category expand menu location phone mail time cart zoom edit close