Archive for the ‘Animation’ Category

h1

Sprite Animation

November 23, 2008

Flash is not new to me has already done lot of work on it previously . Today when seeing some sprite sheets just though of animating one of my fav game character – “Mario” . Yes … make be remember of old childhood days when i was hard core fan of Mario games . OK before i start with sprite animation some terms need to be understood :

what is sprite : It is graphical image that is used to compose various elements in a 2d game ( like characters , items , surroundings etc) and also used for animation ( just as u can see below ) .

what is animation : still frame run in succession create a illusion of moving object .

what is sprite sheet : just a image file that contains different moves of a character ( just search for a keyword “sprite sheet” and u will tons of sprite sheet examples) .

To create a sprite animation the following steps are used : Import the sprite sheet to the liab -> right click the imported item for properties -> make sure auto smoothing is unchecked and gif/png compression is used -> drag the sheet from the liab to the stage -> break apart to have individual piece of it -> trace bitmap ( with these settings :100,1,pixel , normal ) -> convertĀ  individual elements into graphic symbol -> generally u create movie in the movie clip as it a good way of animating and also u need not copy and paste frames many time since it in loop mode -> drag them one sprite per frame align it to the center of the stage ( make sure that to stage is pressed and use vert. and Hor. align ). To make it move across the screen u will use motion tween . To create back and froth add a extra key frame.

So following the above steps we get sprite animation like below . (Click and see the below Mario animation ).

sprite-mario-running-animation

Following the same procedure we can create complex sprite animation that could be controlled by key with simple action scripting. In the comming weeks i will be presenting a more complex spriate animation example.

source

- sprite animation tut