Download to try the demo version at: here.
Here is the link to a review site covering HTML5 games: http://webinsightlab.com/technology/15-best-html5-game-engines/
CSSGAMEENGINE is being developed at: http://sites.google.com/site/cssgameengine/
Visit for latest releases and more graphics.
Or unzip and open index.html
"q" for backflip
"w" for jump
"e" for jump forward
"g" soft punch
"h" hard punch
"b" soft kick
"n" hard kick
Attacks can be performed in air.
The only target is Juggernaut for now.
Check back for updates.
To demonstrate how one thread can lock another thread, block Juggernaut's punch by pressing z right before he strikes. Juggernaut's grey appearance was put in intentionally to show that the thread is put to sleep while an instance() function is invoked to carry out additional algorithm before the thread wakes up.
Features:One aspect of game programming is control over animation. This engine uses threads for animation by looping through frames, each frame being a single thread of execution, enabling us to have more control over animation. Therefore we can coordinating two entities running independently by locking both or either of them by their id's. For example, a character can block a punch from another character, which "locks" in place independent frames from two mutual entities running concurrently in their own time zones, by using their thread id's. There we can invoke instance() function to inject additional algorithm before having the two halted threads (or the entire game) to proceed. That's the general idea of programming a game with this CSSGAMEENGINE.
That's how it's done mainly, but this engine coordinates threaded animation frames along with the speed of coordinates changing.
Take a look at the frame sequence of Juggernaut punching...
It's actually one large image in gif format, 2313 pixels wide. Each frame is exactly 257 pixels wide. So adding 9 of them side by side in sequence comes to 2313 pixels wide in total.
Background and foreground and character overlaps are managed by setting z-index.
Still being developed further is the thread management of this engine so that the game will be more responsive to keyboard or any other device input.
Programming games with this engine is still at an experimental stage, however there is good result.
CSSGAMEENGINE is free software, you may download and modify it for your need as long as the code retains credits to me. Thanks!
All Marvel characters are property of Marvel.