Battle pong #10 – Bonus activator and new menu

This is a continuation of the previous post about the graphic and gameplay changes of the game.

Bonus activation

The previous approach for the bonus activation was a direct activation as soon as you catch the bonus. Two issues with this system :

  • The player doesn’t really understand realize what happens since he sometimes gets without noticing
  • The strategic value of the bonus is greatly reduced, the player don’t really choose when to use it so the idea of surprising the opponent is lost (and sometimes the player himself is surprised… not really the goal…)

To change this, I needed to have a manual activation. I found some UX reflexions and some gamasutra articles to understand what movement could be used as a trigger.

Double tap

The first idea was to use a double tap, it’s fast, people can do it quickly and normally everybody should be able to do this. After testing with some users, this system was not intuitive at all since some users have difficulties to double tap (I didn’t expect to have this issue with Millenials to be honest…), so this solution was easy but it would penalize some people…

Drag something

This is where I remembered Osu ! and Elite Beat Agents ! If you didn’t try these game yet I suggest you go for it ! These games are rythm games based on touching/dragging/holding things with the right timing. I don’t have the timing notion in my game but they convinced me that I could use the drag mechanism to activate the bonus.

Osu screenshot, it looks messy but you actually have to drag the number trough the highlighted orange path
Elite Beat Agents screenshot, you have to drag the #1 trough the green path of the tactile sceen
Drag the blue circle to activate your bonus !

After implementing the system…. It seem to work and the testers have no difficulty to use it. Although they don’t like loosing control of the shield while activating the bonus, it proves to be challenging and you can definitely surprise your opponent with it ! I put it in the opponent area to avoid any accidental shield movement.

New menu and tutorials

Last post we created a menu, but it definitely lacked personality so I needed to have the same design as the whole game.

Main menu

I wanted to give a more professional touch to my game, so I wanted a main menu. I decided to reuse the graphic chart of the game background as a base for all the elements. First step was to create some logo for the splash screen.

Battle Pong splash screen and logotype

After this the next step is to create the rest of the menu. I used the core shapes to design all the buttons of the interface and then used the “Pause button” as a template for all the colors.

Main menu

The “?” icon is to launch the tutorials, while the “i” button on the top is to display the credits (I used sounds from another guy so I need to give him some credits). The central button is the one to launch the game.


Options menu

For the difficulty levels, I choosed to go with smileys to explain it. I also added an option to use bonuses or not, it was not a big change and it can help people learning the game (and maybe create an Esport scene… Nah I shouldn’t count on that !). My GIMP levels are off the charts now !


Last but not least, the game desperately needed a tutorial to explain how to play with pictures and actions. This youtube video is not perfect but highlights some points in how to make a good game tutorial. My tutorials are 3 short scenes,each of these scenesĀ  highlight on one action : move the shield, use the bonuses and destroy the cores. I didn’t want to use text so I tried to create graphics that could explain each expected action and results.

To sum it up

What I learned ?

  • There are too many touchscreen movements, it’s hard to choose one for an action. Choose wisely depending on your target.
  • If you think you invent something new in video game in 2017, it’s probably that you didn’t search enough.
  • More GIMP, my GIMP levels is over 9000 ! Okay maybe not that much but at least I can start to create things more complex than just a polygon.

What is the next step ?

  • Just two words : OPEN BETA !
Battle pong #10 – Bonus activator and new menu

Leave a Reply

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

You are commenting using your 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