Transform MovieClip in perpective with Matrix

Answer 1

Many people have written examples of how to do this. Take a look at these links.

• OCAS - Quicktip: Skewing an image using ActionScript 3
• EVOLVE - DistortionTweener
• Senocular Transform Tool v0.5

or This StackOverflow question - Solution to skew bitmaps in flash

Answer 2

Also, if you're targeting flash player 10, you can just rotate around the x and y axis. FP10 and Flash CS4 support basic 3D built-in.

EDIT If you can't use FP10 then you'll have to look into doing it via a 3rd party library - DistortImage seems like it will do the trick just fine. It is referenced by some of the code in the links below, but this is the cleanest most simple version I can find.

ANOTHER EDIT It is not possible to to this with flash's built in Matrix class. This is because flash's Matrix only supports 3x3 matrices. You need 4x4 to do the kind of distortion you want. you need to do a proper perspective distortion, not just a skew.

Answer 3

There is no way to transform an object into 3D perspective using a Matrix. When Papervision3D does it they have to use multiple skews and redraw it for each one forming a new bitmapData object. If you need to target player 9, and need 3D perspective, perhaps you should look into Papervision3D, though it will add a fair bit of file size to you application.

Answer 4

You could use Papervision and keep tweaking until you get it right.

This should come in handy.

If you don't want to use Papervision, these resources seem useful:

BitmapTransformer

DistortBitmap

HTH

Answer 5

one of these should help:

http://flashenabledblog.com/menu/flash3dlist/

You probably want a lightweight one for what you are doing. That or move to fp10.

EDIT: DistortBitmap looks like the easiest, although it does not handle perspective calculation, although that is easy to do yourself.