March 1, 2021
Hot Topics:

Top 7 JavaScript Tools for Web Game Programming

  • By Jason Gilmore
  • Send Email »
  • More Articles »

I consider myself really lucky in that the majority of my working days are spent doing something I truly enjoy: teaching others about Web development. However, like so many others involved in the IT industry, I've long secretly harbored another ambition: to be a game developer! Yet console- and PC-based video games are incredibly complex and expensive to produce,and have been for years. The Web, however, has leveled the playing field with a powerful array of development tools at your disposal for building engaging, scalable games.

If you're interested in experimenting with what will almost certainly be the most powerful gaming platform to date, I'll introduce you to seven promising solutions which can help you hit the ground running!

Web Game Tool #1: ImpactJS

Of the seven solutions introduced in this article, ImpactJS is undoubtedly the one which has me the most excited in terms of its ability to lower game development's technological barriers significantly. Created by Dominic Szablewski, this HTML- and JavaScript-based game engine comes complete with a Web-based level editor, support for assets, collisions, animations and a command-line tool for packaging your game ahead of its release.

If that feature list isn't enough to convince you, take a look at Biolab Disaster, ImpactJS' flagship demo. Built entirely using ImpactJS, and this action-packed side-scroller is sure to set your aspirations soaring. Check out this video which discusses key aspects of Biolab Disaster's development.

Few things in life are free, and neither is ImpactJS. However, it comes at a cost of only $99, and the BioLab demo alone should be enough cause to open the wallet.

Web Game Tool #2: LimeJS

LimeJS is another promising HTML5-based game framework (with a focus on mobile clients) offering several amazing demos, including one called Roundball. Presumably implemented with inspiration from Bejeweled, Roundball's touch-based gameplay on my iPhone 4 is simply flawless and is demonstrative of the ability to integrate a Web-based game into the iOS environment (Figure 1).

Tools for Web Game Programming
Figure 1. Adding Roundball to the Home Screen

Based on Google's Closure library (the same technology used to build Gmail and Google Docs), the Box2D physics library, and other mature technologies, LimeJS offers a really solid set of features, particularly for those of you interested in mobile Web-based game development.

Head over to the project's GitHub repository to learn more and check out the latest code.

Web Game Tool #3: CraftyJS

Licensed under the MIT and GPL licenses, CraftyJS is another open source game engine. It offers several examples which highlight different engine capabilities, recreating classic games such as Connect Four, Asteroids, and a simple RPG.

The CraftyJS tutorial focuses on the advantages of "component-based entity systems" within games development, documenting this concept in a really practical and easy-to-understand way. I suggest starting your CraftyJS exploration by checking out this tutorial, as it says a lot about the thought process put into the project.

Web Game Tool #4: Akihabara

Akihabara is a JavaScript game engine focused on the recreation of Web-based 8- and 16-bit "pixelated" games. Although several demos clearly demonstrate this engine's capabilities (see below), unfortunately, it seems this project is lacking the documentation and companion tutorials necessary for encouraging adoption.

The Akihabara home page links to several interesting-looking demos, including Tetris, Pacman and Guitar Hero reproductions. Be sure to heed the warning on the home page, using the Z key to start the games rather than the A key as the games themselves instruct.

Web Game Tool #5: Effect Games

Effect Games departs from the other solutions described here in that its game development tools are all hosted services. This might strike you as a wholly impractical solution--until you see the demos. In addition to the incredible Super Mario Bros. recreation and amazing platformer demo (complete with companion tutorial), you can browse the large list of games currently under public development.

Using a combination of Effect Games' object-oriented JavaScript framework and a series of Web-based tools, it's possible to create sophisticated games of any sort. The documentation and beginner's tutorial should be enough to get you started after signing up for a free developer account.

Originally published on https://www.developer.com.

Page 1 of 2

This article was originally published on June 14, 2011

Enterprise Development Update

Don't miss an article. Subscribe to our newsletter below.

Thanks for your registration, follow us on our social networks to keep up-to-date