SpriteSheet Registation Point?

Hey, ive made a spritesheet using TexturePacker and have all my images on a single .png file. I am trying to animation a skater falling off a board, however the each sprite is different in width and height therefore when the animation runs the skater falls off his board but at the end of the sequence, the board is above the ground when it should be.

the code below is a sample of my texturepacker generated lua file

frames = { { name = "01.png", spriteColorRect = { x = 0, y = 0, width = 51, height = 59 }, textureRect = { x = 2, y = 2, width = 51, height = 59 }, spriteSourceSize = { width = 51, height = 59 }, spriteTrimmed = true, textureRotated = false }, { name = "02.png", spriteColorRect = { x = 0, y = 0, width = 72, height = 62 }, textureRect = { x = 55, y = 2, width = 72, height = 62 }, spriteSourceSize = { width = 72, height = 62 }, spriteTrimmed = true, textureRotated = false }, { name = "03.png", spriteColorRect = { x = 0, y = 0, width = 76, height = 57 }, textureRect = { x = 129, y = 2, width = 76, height = 57 }, spriteSourceSize = { width = 76, height = 57 }, spriteTrimmed = true, textureRotated = false }, { name = "04.png", spriteColorRect = { x = 0, y = 0, width = 80, height = 52 }, textureRect = { x = 207, y = 2, width = 80, height = 52 }, spriteSourceSize = { width = 80, height = 52 }, spriteTrimmed = true, textureRotated = false }, { name = "05.png", spriteColorRect = { x = 0, y = 0, width = 84, height = 47 }, textureRect = { x = 289, y = 2, width = 84, height = 47 }, spriteSourceSize = { width = 84, height = 47 }, spriteTrimmed = true, textureRotated = false }, { name = "06.png", spriteColorRect = { x = 0, y = 0, width = 88, height = 42 }, textureRect = { x = 375, y = 2, width = 88, height = 42 }, spriteSourceSize = { width = 88, height = 42 }, spriteTrimmed = true, textureRotated = false }, { name = "07.png", spriteColorRect = { x = 0, y = 0, width = 92, height = 41 }, textureRect = { x = 2, y = 66, width = 92, height = 41 }, spriteSourceSize = { width = 92, height = 41 }, spriteTrimmed = true, textureRotated = false }, { name = "08.png", spriteColorRect = { x = 0, y = 0, width = 93, height = 41 }, textureRect = { x = 96, y = 66, width = 93, height = 41 }, spriteSourceSize = { width = 93, height = 41 }, spriteTrimmed = true, textureRotated = false }, { name = "09.png", spriteColorRect = { x = 0, y = 0, width = 94, height = 41 }, textureRect = { x = 191, y = 66, width = 94, height = 41 }, spriteSourceSize = { width = 94, height = 41 }, spriteTrimmed = true, textureRotated = false }, { name = "10.png", spriteColorRect = { x = 0, y = 0, width = 95, height = 41 }, textureRect = { x = 287, y = 66, width = 95, height = 41 }, spriteSourceSize = { width = 95, height = 41 }, spriteTrimmed = true, textureRotated = false }, {

there are a total of 48 frames, the first frame being the skater standing on his board, and the frames after are those falling off it. when the animation runs, the skater seems to have a center registration point of where the animation occurs, is there any way of changing this to the bottom? so that when he falls of the board the character and board is not floating in mid air

[import]uid: 34863 topic_id: 23831 reply_id: 323831[/import]

The easiest way to do this is when creating your frames, use a bigger canvas, so the frames all have the same bottom point, just a larger transparent area around them [import]uid: 84637 topic_id: 23831 reply_id: 95984[/import]

thanks danny, just to confirm do you mean making sure that all the boxes with the sprites are of the same height/width e.g. they all 70 width and 70 height even though the actual artwork for one frame may be smaller? [import]uid: 34863 topic_id: 23831 reply_id: 96071[/import]