Tutorials Home What's New Top Rated Submit myTutes Random!

Making a Dial Button
Author: David Bernier

Page 3
«prev 1 2 3 4 5 next»

Rotating Dial

The dot, will rotate on either the clockwise direction or the counter-clockwise direction using two invisible buttons that we will create in a moment. But before, we need to create a movie clip that will control the whole operation. We will call this movie clip 'rotation control' [RC] and we will give it an instance name of ctrl. RC will show Flash how to rotate dot as it will make sure that nobody has to click many times to perform a rotation: one click will be enough.

RC's timeline needs two layers. The top layer is to be call labels and the bottom layer actions. Let's put some labels on the labels layer. We will call frame 1 "stop", frame 10 (after inserting a keyframe), 'CW' - for clockwise -, and frame 20 "CCW" - for counter-clockwise.

Dialing Smoothly

On the actions layer, we will keyframe, frame 1; frame 10, frame 11, frame 20 and frame 21.

On frame 1, we give the action

stop()

 

On frame 10, we show Flash how to rotate the dot clockwise:

setProperty ("/dot", _rotation, getProperty ("/dot", _rotation)+5);

 

On frame 11, we force a loop to frame 10 by invoking the frame label "CW."

gotoAndPlay ("CW");

 

On frame 20, we do almost the same thing as in frame 10 only we change the direction of the rotation:

setProperty ("/dot", _rotation, getProperty ("/dot", _rotation)-5);

 

On frame 21, we force a loop to frame 20 by invoking the frame label "CCW."

gotoAndPlay ("CCW");

«prev 1 2 3 4 5 next»

» Level Intermediate

Added: : 2001-01-08 Rating: 7.11 Votes: 44 Hits: 2342

» Author

David Bernier is having a great time learning Flash (just as you probably are). .

» Download

Download the files used in this tutorial.

Download (55 kb)

Get conversion and unzipping tools for PC and Mac here!

» Forums
	More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.

10 9 8 7 6 5 4 3 2 1