The one year game develpoment duel
Apr

10

2014

Animating Sprites from a Texture Packer Image

I’ve been experimenting with animation and recently ran into a little trouble with spritesheets, TexturePacker, Corona SDK and animation. The problem started when I wanted to animate some sprites from opengameart.org. The download included 89 animation sequences and each animation contained 8 individual character sprites, which looked like:

amg1

Instead of including 89 .png files into my project, I used TexturePacker to condense them into one .png file. That made the spritesheet look something like:

test1_Corona SDK-0

I ran into trouble because I was able load an animation sequence as a single image, but I had trouble splitting that sequence into the individual 8 frames required for animation. Here’s what I came up with to solve the issue.

https://gist.github.com/codepaladin/10392771

What we’re doing here is loading the spritesheet.lua file, which references the spritesheet.png file. Once we have the spritesheet information, we create an options table associated with one specific animation sequence, which is called amg1 in our example.

We then add width and numFrames variables to the options table so that Corona knows that the animation sequence contains 8 single frames, and each sprite frame is of equal size.

Finally, we generate an imageSheet object by passing in the spritesheet.png file and the options table.

Here we create a sequenceData table to store information on our animation’s name, which frame it should start on, how many frames should run, and how long each frame should run.

We then build the sprite object by passing the imageSheet and sequenceData info. Finally, we run the animation, which results in something like:

825wp

You can download the files that I used for this on Github.

2 of you did not hold your tongue!
  1. very interesting thanks for sharing :)

  2. […] Animating a character took longer than it should have because I didn’t understand exactly how Corona and TexturePacker worked together. After makings things more confusing than they should have been, I did end up with a pretty sweet […]


Speak Freely


Thank you

Your comment will be published once it has been approved.

Click here to see the pull request you generated.