Featured Flash FLA 11336 Flash Movies | 2 New Flash Movies Added What's New | Top 100 Featured FLA » Author: Surjit Dhami » Title: Book » Description: Book » More by Surjit Dhami Random FLAs | Add Flash Movie Featured Flash Site 5848 Flash Sites | 0 New Flash Links What's New | Top 100 Flash Site Featured Site » Posted in the Flash Kit Links section » Title: All-American Rejects » Description: Get to know this great band by exploring their "practice room". Random Links | Add your own Flash Related Links

1277 Tutorials 7 New Tutorials Added! What's New | Top100 » Create xml slideshow with free template » How to Insert a Multilingual Subtitle Into Your Flash Video Studio » How to Create Cool Halloween Slideshow » Debugging flash using the Firebug console » Create Flash Slideshow on Blogger » FLASH TRICKS IN WEB ADVERTISING: FLASH BANNERS » HTML Photo Gallery Tutorial » Create your first flash site – PART 1 » How to Make a Flash Photo Gallery » Unknown Tag: Title10 Random Tutorial | Add Site

Trading Customer Accounting (IL) Next Step Systems US-IL-Chicago Post A Job | Post A Resume

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

Tutorials » Interactivity

Making a Dial Button
Author: David Bernier

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");

» 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