By Train Simple
18 March 2013


Prerequisite knowledge

Knowledge of Flash Professional CS6.

User level


Required products

If you're looking to create mobile apps using Flash, this small collection of videos will show you how to create a practical application using the touch events. Here we'll explore how we can set up a puzzle application. We'll cover how to create the puzzle pieces, set up the file, code the puzzle, and publish the app to iOS. These videos are taken from Train Simple's Flash Mobile Application course, available on Learn how to leverage your ActionScript skills to adapt to the world of building mobile applications. Flash has robust support for touch-based devices and these videos will help you get started.

Begin the puzzle project

In this video we'll take a look at how we can break apart an image into several sections for our puzzle.
Running time: 6:03

Puzzle piece setup

Now that we have broken apart the image into different sections, we're ready to convert each section into a MovieClip. This will give us the ability to program each piece.
Running time: 7:31

Adding pieces to the stage

The next step, now that we have the required MovieClips, is to setup a document class. This class file will control the functionality of the puzzle pieces randomly scattering on the stage.
Running time: 11:19

Making pieces draggable

So far we have the target puzzle pieces in place and named. We also have the puzzle pieces dynamically appearing on the stage. Now it's time to make the puzzle pieces draggable by using the touch events.
Running time: 6:25

Collision detection

Using the touch events, we were able to make the puzzle pieces draggable. When the user releases their finger from their device, we want to test to see if they dropped the puzzle piece in the correct location.
Running time: 7:37

Finishing up the puzzle code

We have just about everything functioning properly. The last step in coding the puzzle is to disable the dragging functionality once the user has placed the piece in the correct location.
Running time: 6:36

Publish to iOS

Everything seems to be in order with our code. The final step is to publish the App to iOS. We're going to be using a new feature in the latest update of Flash to publish directly to the iOS device without having to use iTunes or the iPhone Configuration Utility.
Running time: 6:45

Where to go from here

To learn more about Flash Professional CS6, visit the Flash Developer Center.