Introducing Sprite Sheets

Feb 21 2011 23:23

LimeJS now has full support of sprite sheets. This means that you can gather your image assets to the same file and define areas that contain only the parts you are interested about. This lets you load multiple images with one request and export your whole keyframe animation with single file.

To define a fill for a part of a image there is a new Frame fill. It takes in an image(as url or Image element) and frame definition(as goog.math.Rect object or numbers). You can then use the Frame fill instance as you would use any other fill. All the same methods can be used for Frame as for Image fill(this covers repeating patterns) and performance should be also similar.

1
2
var frame = new lime.fill.Frame('sheet.png', 20, 30, 200, 150); //x , y, width, height
box.setFill(frame);

By default the fill….

Browser/device support video

Feb 17 2011 02:51
Tags: video devices

Here is a video about LimeJS current browser and device support. Sorry about it being a bit shaky, we’ll try to do a better job next time.

As a summary to the video…

Guide complete + Renderers demo

Feb 08 2011 22:58

We have finished all chapters of the initial Programming guide. If you want to know how to use LimeJS this is a place to start. Follow it through chapter by chapter and try out the solutions described on your own hello-world project. If you get stuck don’t be shy to ask for help.

The last chapter, added just couple of minutes ago, was about different rendering engines LimeJS supports. If you don’t know what that means go read more about it from here. Basically it means that you can use the same code to draw your elements with CSS or with Canvas. In your game you can change the rendering method with one function call depending on your content and the device you are running on.

Go and create your game!

Feb 03 2011 12:31
Tags: limejs html5

LimeJS is a JavaScript game framwork that allows any developer to create HTML5 based games in no time. Games created with LimeJS framework do not require any browser plug-ins or any additional software installation to run – just a modern web browser is needed. Current version of LimeJS supports almost all HTML5 capable browsers: Chrome, Safari, Firefox and even Opera (sorry, no Internet Explorer support yet). And of course this also covers two main mobile platforms, namely the iOS (iPad, iPhone and iPod Touch) and Android.