I am working on an animated battle system -- it is for a PHP game.
This is a concept page: http://vengeance-rpg.com/battletest.html
And those are the sprites that would be used. Now, at current my plan is to use animated gif files for the animations and overlay them, so as to form a basic animation.
The problem is the amount of redundancy needed. I will need to make seperate gif files for attack, defend, casting magic, using a bow, and so on, but most of the time at least one frame will be reused.
I started thinking of RPG Maker and how images are animated based on a sprite sheet.
I dunno if anyone has ever done this before, but I am wondering how applicable such a system could be to Javascript and CSS.
Instead of having an animated gif, I would have a png file organised into say eight grid squares, and a sequence array like [1, 2, 3, 4, 5, 4, 3, 2, 1] which would show the images in that order at something like 4 frames per second or whatever is decided on.
Any thoughts?
This is less a support question and more a concept discussion.
This is a concept page: http://vengeance-rpg.com/battletest.html
And those are the sprites that would be used. Now, at current my plan is to use animated gif files for the animations and overlay them, so as to form a basic animation.
The problem is the amount of redundancy needed. I will need to make seperate gif files for attack, defend, casting magic, using a bow, and so on, but most of the time at least one frame will be reused.
I started thinking of RPG Maker and how images are animated based on a sprite sheet.
I dunno if anyone has ever done this before, but I am wondering how applicable such a system could be to Javascript and CSS.
Instead of having an animated gif, I would have a png file organised into say eight grid squares, and a sequence array like [1, 2, 3, 4, 5, 4, 3, 2, 1] which would show the images in that order at something like 4 frames per second or whatever is decided on.
Any thoughts?
This is less a support question and more a concept discussion.