p0ng – A Journey Into HTML5
As you may have read, m’colleague Matt recently created a small game as an experiment in developing for HTML5. This was during a training day in which the Team Cooper development team all had a chance to spend some time experimenting and see what they could come up with. Matt has already discussed many of the finer details of working with the technology, but here are my thoughts…
The first challenge was deciding what kind of game to develop. We’re generally quite busy at Team Cooper HQ, so it seemed wise to focus on a fairly simple game design, and what could be simpler than Pong?
The game I have created is called p0ng and is a spiritual successor to the original Pong. It keeps the format of two paddles locked in an eternal struggle to bounce a ball backwards and forwards, but those of you familiar with Pong will notice some subtle (and not so subtle) differences.
Usually when creating a Flash application I will write code using Powerflasher’s FDT, a powerful tool with many specific functions designed to make the process of writing ActionScript easier. I know Adobe Dreamweaver isn’t very popular with web developers these days, but I decided to give it a shot anyway to see what it could offer an aspiring HTML5 game developer. Dreamweaver did offer some useful error detection similar to what FDT offers, but lacks some of the most handy functions that we use in FDT every day.
That said, p0ng didn’t take a great deal of time to produce and was a very good introduction to the world of HTML5 development. Obviously there are plenty of other things I’d like to put into the game if I had the time, but I don’t think any game developer worth his salt will ever claim any of his games are ever truly ‘finished’ 😉
I’m sure you’re itching to have a go at the game, though, so here you go (Make sure you click the game to enable keyboard interactions):