Game Development Reference
In-Depth Information
With much more on the way
These technologies are really just scratching the surface when it comes to creating games on the web
using open technologies. Mozilla and other companies are working hard to bring you these APIs and
services to help make the web a better place for games.
There are plenty of good open web games out there
Although open web game development is still fairly new, there are already many great examples of games
out there today. I'd like to briefly highlight just a few of them.
Bejeweled
Towards the end of 2011, PopCap released a HTML5 version of their massively popular Bejeweled game
(see Figure 1-1). It uses WebGL to provide accelerated graphics, falling back to HTML5 canvas if WebGL
is not supported. You can play this game by visiting http://bejeweled.popcap.com/html5 .
Angry Birds
Arguably one of the most popular games around right now is Angry Birds , and earlier this year Rovio
brought out an HTML5 version (see Figure 1-2). It uses WebGL for accelerated graphics. You can play this
game by visiting http://chrome.angrybirds.com .
Robots Are People Too
Unique gameplay always stands out amongst the plethora of clones and ports from existing and popular
games. Robots Are People Too (see Figure 1-3) requires two players to cooperate to survive, helped by
the innovative split-screen mechanic within the game. It uses HTML5 canvas for the graphics. You can
play this game by visiting http://raptjs.com .
Runfield
As part of the Firefox 4 release earlier in 2011, Runfield (see Figure 1-4) was created to show off some of
the capabilities of the browser. It used HTML5 canvas for the graphics and HTML5 audio for the sound.
You can play this game by visiting https://developer.mozilla.org/en-US/demos/detail/runfield .
TF2 WebGL demo
Arguably not a real game is the TF2 demo (see Figure 1-5) created by Brandon Jones. It's a tech demo
that shows how Valve's Source maps can be rendered with high performance using WebGL graphics. You
can find out more by visiting http://blog.tojicode.com/2011/10/source-engine-levels-in-webgl-
video. html .
 
Search WWH ::




Custom Search