CODEWITHSUNDEEP
actionscript-3flashanimationimage-processing
SmRndGuy
SmRndGuy

Reputation: 1819

ActionScript3: How to make an animation out of a series of images?

I'm new to AS3 and I'm trying to create a simple game with it.
So far, I have been able to draw images like this:

[Embed(source = 'C:/mypath/myimage.png')]
public static var myImageClass:Class;
private var myImage:Bitmap = new myImageClass();

and then render myImage.
but that draws only a picture with no animation.
What I want is to import this picture:

enter image description here

and then cut the image to series of subimages and draw an animation out of them, rather than a single image. How may I do this?
Thanks!

Upvotes: 0

Views: 201

Answers (2)

Antoine Lassauzay
Antoine Lassauzay

Reputation: 1607

What you are looking for is SpriteSheet support. You can easily write this yourself or use existing libraries (like Starling for instance).

The idea is to draw an area of the image at each frame to actually create the animation. Depending on the format of your sprite sheet, you may have to add another file to describe the positions of each rectangle to draw.

This page explains how to implement it.

Upvotes: 1

Chunky Chunk
Chunky Chunk

Reputation: 17217

This is called "Blitting". You could accomplish it with fairly decent results, depending on your deployment target and how many animations you require, using BitmapData.copyPixels(), but it's more ideal to use the Starling Framework, which employs Stage3D hardware acceleration.

More here:

Upvotes: 1

Related Questions