Emanuele Feronato

italian geek and PROgrammer

Talking about Super Mario Bros game, Construct, Game development, HTML5 and Javascript.

Welcome to the last tutorial of this 2013, with the second step of the HTML5 prototype of a Mario Bros game like Lep’s World.

In the first step we introduced scrolling, double jump and breakable tiles. Now it’s time to add killable patrolling monsters, progressive jump (the more you keep jump button pressed, the higher your jump) and touch controls.

Here is the final prototype:

There’s a lot of stuff you can do here, such as moving the player with LEFT and RIGHT keys or by touching the pink bars on the left side of the game, and jumping with UP arrow key or by touching the pink bar on the right side of the game.

There are basically three type of jumps:

* Tapping jump button will result in a small jump
* Tapping and holding jump button will result in an high jump
* Tapping jump button again while jumping will result in a double jump

Like in all Mario games, enemies can be killed by jumping on their heads.

Here is the complete, fully commented event sheet:

And this is the source of the entire project.

Next time, more enemies and shooting.