I am "The Imp". I like creating things. Some of the things I make end up here. Take a look - some of it is licenced as public domain!

This website does not use cookies, because they were all eaten up by the bear.



This item depicts an experiment with HTML5 canvas animations. I wanted to see if I could render animated characters that could be instructed to move around a floor with a 3D perspective projection. The basic principle of the system I created employs sprite sheets abstracted into animation frame sequences, which are then altered by scale and location, in regards to current coordinates. Issuing a "move right" command for example, plays the "walk right" frames, and increases the characters x position. Issuing a "move up" command, plays the "walk up" frames, and increases the characters Y position, while decreasing the characters scale, in accordance with a 3D projection factor. Like all good 2D games, I have placed a constraint that makes it impossible for a character to move any further when they hit a maximum or minimum X or Y coordinate.

NB: The artwork for the character is not of my own design, but was sourced from the Sega video game, "Streets of Rage II".

Comments (0)

Replying to: Noname


Utilising this page as a billboard for marketing purposes is not allowed. Any messages posted by users that appear to be commercial in nature will be deleted, and any user found breaching this term will have their IP address reported to ICANN. This may result in their networks appearing in worldwide electronic communication blacklists.