Sprite.js: HTML5 framework for creating efficient animations in browsers

I was a bit curious what exactly this "system load" was. Turns out it's a ratio between the time the browser takes to draw the particles and the frequency at which it is supposed which to draw.<p><pre><code> this.tick_duration = 25; .... this.now = new Date().getTime(); // Drawing... this.time_to_paint = (new Date().getTime()) - this.now; this.load = Math.round((this.time_to_paint / this.tick_duration) * 100);</code></pre>

Demo: <a href="http://batiste.dosimple.ch/sprite.js/test_input.html" rel="nofollow">http://batiste.dosimple.ch/sprite.js/test_input.html</a><p>I like how he can fall off the ledge into an infinite drop.

Curious that Canvas rendering is so much slower / causes more load than the HTML backend, at least for me. Anyone know why?

Always wanted to make an RPG game using sprites. Anyone ever tried?<p>I made a prototype a while ago just to demo some sprite movement while messing around with Node.js (it's concurrent multi-user): <a href="http://rpg.sleeperbot.com/" rel="nofollow">http://rpg.sleeperbot.com/</a>

I'm curious how the Ticker object provides more accurate tick timing than setTimeout considering it just uses setTimeout.