Stage.js
Events
Subscribe:  iCal  |  Google Calendar
Birmingham GB   20, Sep — 24, Sep
Chiba JP   20, Sep — 24, Sep
Ohio US   21, Sep — 24, Sep
Los Angeles US   27, Sep — 1, Oct
Latest comments
by linda simon
2 min ago

it’s great post.i learn something new.i’ll try it my own. http://hotmailaccount.unblog.fr/

by Netraraj Pun
3 hours ago

Awesome. Really great tips for beginners like me to start working correctly.

Very interesting article, thanks for sharing!

Stage.js
Content
Tools
0 followers
0 posts
0 questions answered
Stage.js is a 2D HTML5 JavaScript library for cross-platform game development, it is lightweight, fast and open-source.

Why

Clip_63

Canvas is the graphic component of HTML5 game development, but it only has a drawing API, there is no data model like DOM to compose your application; you have to manually draw your application and manage rendering cycles to play it. Moreover, mouse events are only available at entire Canvas level and they also need to be processed manually.

Stage.js provides a DOM-like tree data model to compose your application and internally manages rendering cycles and drawing of your application, it also processes and distributes mouse and touch events to targeted tree nodes.

How it Works

canvas

A Stage.js application consists of a tree of nodes. Each node is pinned (transformed) against its parent and has zero, one or more image textures.

Each rendering cycle consists of ticking and drawing tree nodes. On ticking nodes adjust themselves to recent updates and then on drawing each node transforms according to its pinning and draws its textures.

Rendering is retained and is paused when there is no changed.

Questions
Still have questions?