Click the game screen to put focus on it.

 

CONTROLS:
"q" for backflip
"w" for jump
"e" for jump forward
"a" backpedal
"d" walk
"z" block
"g" soft punch
"h" hard punch
"b" soft kick
"n" hard kick


This is a free game engine developed for programming browser based games. It uses the Javascript language and CSS (Cascading Style Sheets) to dress up the page. They run pretty reliably together. Use this engine to create your own game. This project is intended for beginners, wanting to learn how to program video games. Better if you're a web designer that knows some CSS.

 

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.

 

Javascript is event driven so you can program images to move across the screen just by changing the coordinates in css, x and y and the browser will do this for us. On our part we're just basically changing the CSS stuff like top:1px; and left:1px; with position:absolute; That's how it's done mainly, but this engine coordinates threaded animation frames along with the speed of coordinates changing.

 

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 to your need as long as the code retains credits to me. Thanks! All Marvel characters are property of Marvel.