Home

Tutorials

Portfolio

Blog

 

Highlights

 

Drag and Drop interfaces

Page 2

1 | 2 | 3 | 4 | 5 | Next

Open Flash and create a new Flash File (Actionscript 3.0).

Draw a face shape that is about half the size of the stage and place it towards the left hand side.

Create a new layer and draw a pair of eyes on the right hand side of the stage.

drag n drop stage 1

Select the eyes by using the Selection Tool (shortcut V) and dragging a selection box around the eyes. Convert the eyes to a symbol by right clicking (ctrl-click on a Mac) and selecting Convert to Symbol, ensuring the type is set to MovieClip.

Select the eyes on the stage and in the Properties Panel set the instance name to eyes1.

setting the instance name in Flash

Next we will add some code to create the drag and drop functionality for the eyes.

1 | 2 | 3 | 4 | 5 | Next