CreateJS Helps You Create HTML5 Games

By Frédéric Harper September, 06 2012

If you are following this blog, you probably already heard about CreateJS, about our awesome CreateJS hackathons that will occur soon in Canada. But what is really CreateJS?

With the new version of HTML, it’s easier for us, Web developers, to build amazing Web applications, and games. Even with the great features of HTML5, there are some things that could be simplified to help us create games, and it’s where CreateJS become handy. CreateJS is a suite of libraries, and tools which work together or independently to help you create rich interactive content with HTML5. The suite contains EaselJS, TweenJS, SoundJS, PreloadJS, and for now, only one tool named Zoë is available.


Canvas is a terrific new element of HTML5 as it’s very powerful. The only thing is that you have to manage a lot of JavaScript calls to make magic happen, and even as a JavaScript rock star, it’s not always easy. If you are building games, there are probably many things you’ll use quite often, so EaselJS is there to help you by providing a full, hierarchical display list, a core interaction model, and some helper classes.


Who say HTML5 games, say animations. I must admit that I have not created a lot of HTML5 animations yet, but I’m pretty sure that TweenJS will be really helpful. TweenJS give you a simple API that give you a solid library to tweening, and create animations with JavaScript. A must to have when you want to create games, as it’s also created to integrate easily with EaselJS, but can also be a lonely king player.


Developing for the Web also means that your application or game needs to run well in all the major browsers. Even if all vendors are doing an amazing job to get an equal support for HTML5, and CSS3, it’s not always easy to do some tasks, like adding sounds. I think good music, and sound effects are critical for a great experience in your game, but you probably don’t want to take all our time doing it: this library will help you with query capabilities, then to specify and prioritize what APIs, plugins, and features are leveraged for specific devices or browsers.


There is nothing more frustrating that trying to load a game, and you have no idea where the assets loading progress is. Images, sounds, JavaScript files, and all your assets need to be loaded at some point to give the best experience to your users, your customers. With PreloadJS, you’ll be able to display real progress information, and implement easily things like queues, multiple connections, pausing downloads, dealing with fallback, and a lot more.

One of thing that I like about CreateJS, is that you can grab or fork the code on their GitHub repository, and you can also use their CDN (Content Delivery Network) so you won’t have to deal with files by yourself. Did you already know CreateJS? Are you using it (show us what you did!)? Do you plan to use it? Will you join us for our CreateJS hackathons? Share your thoughts!

By Frédéric Harper| September, 06 2012

Add A Comment


Allowed HTML: <b>, <i>, <u>


© 2013 Microsoft Corporation. All rights reserved.
This site is hosted for Microsoft by Agility