Category Archives: Mobile gaming

Some more thoughts on mobile browser based games

Ever since my first attempt at making games with JavaScript I’ve wanted to remake the games that I grew up with. Galaxians, Space Invaders, Defender, Scramble, Spy Hunter…
These are the games that turned me on to video games and hold a special place in my heart.
Using the newer HTML5 technologies I continue to pursue my goal of re-crafting those special games from 30 years ago.

When I bought the book Building iPhone apps with HTML, CSS and JavaScript I realised that there was scope for extending my HTML5 games to mobile handsets. Suddenly a whole new world of game development opened up. I quickly (too quickly) reshaped my first HTML5 game Wizard Wars to fit on the iPhone and implemented some touch screen controls. The result was pretty nice and I managed to get some valuable exposure for it. Naturally I was super excited at the potential for having my desktop games also playable on my phone.
So I followed it up with HyperGunner (again developed for the desktop and shoe-horned in to a mobile format) and more recently Spy Chase.

I had of course blindly assumed that any game, regardless of its content and style, would be just as attractive to mobile gamers as desktop gamers. Surely the rules of game design are laid down such that they are relevant to any format ?
Well life works best when you learn stuff and I’m learning more about game design all the time.

Some recent activity in the HTML5 gaming community has steered me towards rethinking my approach to designing games for mobile devices.
I decided to ask myself some key questions. The answers to which could potentially come very close to challenging my own thoughts on the relationship between my beloved retro arcade games and today’s mobile games.

If you are playing a game on a mobile phone what are you looking for ?
Is it all about limited time to play or is there room for a longer game experience ?
How important are the visuals ?
Do the traditional rules of challenge and reward count for anything ?
and less crucially but just as relevant.. what is the profile of your typical casual mobile phone gamer ?

The more I research the market for casual mobile games and the more I repeat those questions in my mind the more I see a disturbing trend towards what I consider shallow games.
I’m not interested in over complicating my games but I do enjoy layering the challenges where possible. I certainly didn’t rekindle my interest in designing games to create game experiences with no substance. I did it because I want to explore rich gaming experiences that can be enjoyed at a stretch not hurled in to the bin after 2 minutes.

Now I’m happy to hold my hands up to the fact that I may have fallen short in my first attempts at creating games. But I do believe that I have used some tried and tested techniques in creating their challenges and setting their various stages.

Not everything I’ve seen is cause for concern. There are some fascinating exceptions. Anything with physics for example works a treat for me. But by and large the casual mobile browser gaming sector is swamped with throwaway games with little or no challenge. If I see another game involving changing the colour of a brick or matching 3 diamonds in a row …..

I always have new game ideas. I sketch them in to a book that is brimming with characters, challenges and game styles. They start as seeds and I develop them over time to be more rounded and what I would consider a full game experience. For example, I had an idea for hurling a character vertically in to the sky from a catapult. As the character descends with a parachute you steer him away from spikey objects and try and stay airborne for as long as possible. That in itself might be an interesting game but I soon set about adding things to flesh it out a bit.

In all my games I try to involve the ability to shoot at stuff. This can cause problems on a touch screen but if handled well is a nice experience. In my parachute game I’d figured a way to spray bullets downwards from your character. I needed stuff to shoot at. Before long the game’s design was full of mini challenges and layers of complexity. It’s this that thrills me.

But in what I’ve seen of successful mobile browser games the very first step of hurling the character in to the sky would pretty much suffice. Nothing more, just catapulting your character high in to the sky as far as you can..

So I’ve temporarily changed direction. For the time being I won’t focus on creating mobile browser games. My brain just doesn’t think that way. I’m always trying to add to a design to flesh it out. I wouldn’t ever have that sense of “finally it’s done”. I’d always be looking to move it along a bit. I enjoy a certain amount of complexity.

I am in complete admiration for anyone that can create successful mobile browser games but there is a certain discipline required that I just don’t possess.
Most important of all though, I’m simply not interested in that style of game design.

Spy Hunter homage almost complete

Spy Chase screenshot

Spy Chase screenshot

Spy Chase, my Spy Hunter inspired arcade game, is motoring along and very nearly complete.

I finally got around to adding guns and missiles to the game which for me was a vital final piece of the game’s design. I think I balanced the action pretty well so that the player, with a little skill, can be the dominant force in the game.

I like to design my games based on a countering method to the obstacles and challenges.

From the outset the player faces the challenge of simply steering to remain on the road. At the head of the screen the player sees a radar. Before long it becomes apparent that the white blip is the player and the black blip is the target spy car.
Collecting flags increases the car’s speed such that steering becomes more of an issue. To avoid that becoming a breeze for the player I penalise him for hitting the road verges by a) slowing the car down and b) adding damage (reflected with a red damage bar).

This in itself is enough of a challenge to carry the game along a bit but I wanted a lot more early on.
So I added other cars to the road. Initially I intended to have the cars run the player off the road but ultimately I settled on having them as a distraction. The player can bump them from the road and earn a points bonus after each stage. It’s still a challenge just to bump them (or shoot them) from the road.

Finally I added a chopper which at set periods drops oil bombs on the road.
If the player collides with the oil his speed is reduced, the car spins and loses the missiles powerup if the player has collected it.

All in all there’s some high-speed fun to be had en route to actually capturing the spy.

Once the game is complete I’ll add some more detail to these design notes.

The game is designed with mobile devices in mind and has been tested on iPod Touch, iPhone, iPad and HTC Desire.
Any feedback from other handset owners would be gratefully recieved ;-)

You can play the latest version here: http://www.wilfscorner.co.uk/sandpit/spyhunter/

 

5 reasons why classic arcade games are relevant to mobile game design

Anyone who has read my blogged blitherings before will know how pre-occupied I am with the importance of the video game arcades of yesteryear.
Arcade game designers did not have the luxury of being able to present protracted stories through endless cut-scenes and fancy cinematics. Their task was to entertain the player and take as many coins as possible.

The latter is perhaps the key to why arcade games are so relevant to modern mobile game design since by definition it is an exercise in keeping game times short and thrilling.
So just how did they do it ? Why were some games more appealing and revered amongst gamers as others.

Here I offer 5 basic reasons why I think the lore of classic arcade game design is relevant to the design of modern mobile games. I’m by no means an expert but through my observations I’ve also managed to come up with what may be some useful tips on designing your own mobile games.

1. Attract

Anybody old enough to remember the heyday of the video game arcade will probably remember the sights and sounds that greeted you as you stepped in clutching your fistful of coins.
It was giddying to say the least. Especially when faced with a selection of new cabinets.
I remember fondly the times I spent treading the boards of the local arcade hunting for that one machine to which  I would offer my coin  in return for a few minutes of pure pixellated thrills.
The cabinets had a life all of their own as they jostled, beeped, whined and occasionally spoke to you  to attract your attention.
Every game had its attract mode. That brief glimpse you got to view the game for free.
Some of the better games had an audible identity that set them aside from the all too generic laser bleeps of most.

Defender’s electronic wind-up sound, Galaxians’ diving alien sound, Spy Hunter’s stunning Peter Gunn soundtrack…

It was perhaps the effective use of sound that attracted me most. Perhaps I hunted with my ears far before I’d engaged my eyes.

In some cases it was about the cabinet itself.
Who could forget the striking 6 foot alien that adorned the side of the Space Invaders cabinet ?

What’s important is that the game had to get you in. It had to pull you toward it such that you were close enough to see what it had to offer. By the time you’d got to within a foot of the cabinet you were probably more concerned with the controls than anything else. Just how damned hard is this thing going to be ? I sure as hell don’t want to waste a coin on trying to figure out how to control the blessed thing !

For me there is a valuable lesson to be learned here in attracting a player to your game.
In the ever-expanding app stores that we see for games on the web your title has to stand out as being attractive, playable, controllable and of course entertaining. You don’t get much time to sell your wares. The app stores are full of 3 minute thrills.

My tip: design your game to look good in ANY screenshot. Even the title screen.

2. Accessibility

In anything that we do in life we are most likely to shy away from anything that looks confusing.
This is a huge concern for game designers and was a huge issue for arcade game designers. The spaghetti fingered controls of Defender aside most games kept it very straight forward.
Indeed you could glance at a game’s control system and instantly know that you were going to enjoy playing the game.
Early games employed a single stick and a single button. This simplicity was vital and of course enforced on the designer. The same limitations apply today. Especially on hand-held devices where a certain amount of improvisation is required in terms of controlling the action.

Later games with better capacity provided brief tutorials on how to control the game.
Useful but probably rarely read through in any detail.
A huge factor in enjoying an arcade game was being able to instantly pick up the controls and feel like it was all very natural.

But it’s not just about controls. Where do you start your game ? Are you hurled straight in to chaos ?
Nothing is going to irritate a gamer more than standing absolutely no chance from the outset. All your hard work in designing the game’s numerous wonderful scenarios will be wasted if you turn your audience away within 30 seconds.

My tip: provide the player with a safe zone on entry. Before you unleash hell on him with countless dive-bombing aliens let him have a period of calm as he uses common sense to fiddle with the controls. In a shoot ’em up, for example, I like to give the player a few seconds to move around and shoot at nothing before I introduce the cast.

3. Continually dangle the carrots

Take all your fantastic game ideas, implement them, play them, remove the duds and then concentrate it all down for maximum effect.
If, for example, you have the wonderful idea of a power-up that the player receives  for collecting certain items make sure that you constantly remind him that this is a goal to be achieved. Don’t let the player forget about all your wonderful little ideas.

Some of the most effective arcade games had that one game-changing element – the power-up. That single item that when collected gave you complete control over your adversaries.

Pac-Man is the epitome of this. Everybody knows that eating the larger energy dot gives you the edge. It’s pretty obvious and is always in view. It’s something to aim for even though at times you find yourself in a sticky situation. You’re being chased by Pinky (or whichever one did all the chasing) but you know full well that if you could get to that larger dot the tables will be turned. Excellent design.

My tip: constantly drip feed the small bonus items that comprise a much larger benefit to the player. Don’t let them forget what they’re aiming for. When all smaller items are collected hit the player with his well earned benefit. Remind the player that bonuses really are worth aiming for.

4. Keep it obvious

Any game where a single character / avatar stands out by virtue of the fact that they are visibly different to everything else on screen is going to help the player understand what is required of them. A quick glimpse on screen and a quick glimpse down to the controls ought to be enough for a potential player to take that all important step up to your game.

Gamers are (or can be) very lazy. They expect much of the hard brain work to have been done by the designer. For the gamer it is all about picking up the controls and just getting on with it. Gamers want breaks. If they fall off the edge of the cliff with their first attempt at steering the car they don’t want to be told it’s GAME OVER.

By virtue of the fact that the car COULD leave the cliff on the first bend within 10 seconds of game time ought to suggest to the player that this is a relatively safe action but something they should get very used to. It’s going to be a common feature in the game and not going to get any easier.

As the old Atari mantra used to read – simple to learn, hard to master.

Every successful video game has this underlining its design.

Modern classics such as Angry Birds epitomise it.

Much of the art of keeping things obvious is in the presentation.
If you have a squadron of aliens hovering in formation above a solitary gunship at the base of the screen it’s pretty obvious what’s going to be expected of the player.
Similarly if you see your kung-fu character standing directly opposite a similar looking character it’s pretty obvious what you’re in for.

As mentioned previously helping the player to become familiar with your game is vital to it being adopted and enjoyed. It’s also  key to it being played time and time again.

My tip: in your game’s artwork consider a visual separation between the player’s character / avatar and the rest of the game’s characters. Also consider the staging of the action. If possible visibly divide the screen up in to the player’s zone and the enemy’s zone. The latter is not always relevant but useful where possible.

5. Reward everything

Take your basic actions – movement, shooting, jumping, implement them and then play with them. Make them 10x more fun. Exaggerate them and provide as much audio / visual feedback as possible. Reward every action and every consequence in as flamboyant a manner as the platform allows.

Again I go back to Defender.
Hit the fire button – stream of multi-coloured lasers thrash across the screen – satisfying electronic laser sound – alien explodes in to a million shards – satisfying explosion sound.
Make it count that the player has just performed the most trivial of actions. Reward everything !

It might seem silly to you to do nothing more than present a simple “puff” of orange when the enemy has been shot but the rewards to the player of seeing a shower of debris are enormous.

Rewards in games are not limited to collecting things or completing challenges. Rewards extend to just about everything that a player is doing in a game.

It’s not a classic arcade game but consider the process of shooting an Imp with a shotgun in DOOM.
Aim, hit fire button,  deep gunshot sound, imp falls in shower of blood, visual reloading of shotgun with accompanying sound.
You could take this scenario a step further by suggesting that the shotgun going off is actually a wake-up call to nearby monsters. This in itself is rewarding the player since it brings on a whole new level of chaos ready for the player to deal with. And all that the player had to do is press his fire button. Beautiful game design.

In the arcades there were many genres that lent themselves to rewarding the player in style. But none were as instantly satisfying as the shoot and destroy approach of Space Invaders and its clones.

Later shoot ’em ups delivered visual rewards in spades.
The combination of  lasers and explosions can quite often leave the player feeling a little confused but there’s something utterly mesmerising about watching it all unfold on screen. Patterns of lasers resulting in patterns of explosions against the rippling patterns of an alien formation that litters the screen with patterns of falling bombs.

This is a huge visual reward since everything that the player does effects the pattern.

My tip: create as much of a “safe” visual experience as the platform will allow. If you eliminate something from the screen don’t simply remove it – destroy it. Throw single pixels around at the very least. Better still accompany its removal with a satisfying and relevant sound effect. Subconsciously the player will seek to repeat this as quickly as possible since it is an enormously satisfying experience. But never force the player to have to handle the fallout of the action.

I hope that my thoughts meet with your own somewhere down the line. Or at least prompt some thoughts. If that is the case please feel free to share your comments.
This article is not meant to be an “how to design an arcade game” more an insight in to the observations I have made whilst researching the classic games of the arcades.

As mobile platforms evolve and their games mature it may be surprising just how relevant the design ethos of arcade games from 25 – 30 years ago are.

Whatever game you design the most important thing is to have fun. If you’re enjoying it you can be pretty sure that there will be an appreciative audience somewhere.