Flash AS3 Card Flip Tutorial

This tutorial demonstrates hot to create a cool card flip effect in Flash CS4. This effect utilizes CS4's native ability to manipulate objects in a 3d space. Sorry, this tutorial will not work with CS3. Click here to see the actual flash demo.

You will need Flash CS4, ActionScript 3, and the custom class "TweenFlipCS4", and about 5-10 minutes to complete this tutorial. Download the original files containing the class here.

Here we go in four easy steps.

1. The first step is to import the easing class into your file.

2. Next import the custom class "TweenFlipCS4". You need to put the folder "flashandmath/as3" in the same folder as your fla file.

3. Create the variables to make your cards.

4. Add the names of the files to be used for the front and backs of the cards. You can also control how the card flips, either vertically or horizontally. Vertical is the default so you DO NOT need to type in "vertical" after the file names. If you want the card to flip horizontally you will need to add the word "horizontal" after the list of file names.

FINAL AS3 CODE: Here is the complete code for the Flash AS3 CS4 Card Flip.

This tutorial and custom class was originally from Flashandmath.com
by Doug Ensley and Barbara Kaskosz.

This tutorial is a student project and is not meant to infringe upon anyone's rights.