Sprite Sheets - Browser Based 2D fighting game - Part 5

The most difficult part of the animation in any framework, is develop a good sprite sheet for your game. This is most challenging part of the development work. For me , it is bit daunting, not challenging.....)

I am not following mugen fighting engine standard at this moment. because it is very detailed. So my spritesheet will not follow mugen standard as well. Currently I am working on sample sprite sheet something like this:

These animations I have modified though ,from original sprite sheet.  I would like to add more animations as well. These animations have been added manually by using ms-paint tool. Personally I like that tool because of its simplicity. One of the important thing to note here is that I have to align the individual sprites equally, else the animation will not work as expected.

                                                                            

 

Started working Again !!!

For a very long time, I was not working on this item at all because of busy schedule. Now planning to start all over again. This time, I am planning to use phaser.js, which is easy and amazing , 2d game development framework. The over all learning curve is very little.

Phaser.js has all the features to develop a HTML5 game. Also, it supports, WebGL as well. If the browser is not compatible with Webgl, then it will fall back to Canvas mode. So for my game, I need such type of framework as I need to render heavy operations. Remeber, HTML5 is now rendered directly on graphics card, ie on GPU.

My first point of action is to develop a demo using phaser.js for  which  I need to design Finite State Machine in javascript. This API  can control the state of the enemy player(s) in the game play.