Tutorials Home
What's New
Top Rated
Submit
myTutes
Random!
How to Use Flash MX Sound Objects
Author: Kenny Bellew
| Website: http://www.cowfly.com |
How to Build a Horizontal Volume Slider |
|
- Create two images: the base of your slider interface and the image that will slide. If convenient, make the base of your slider 100 pixels wide, as the width would then correspond exactly to the volume range.
- Place both on stage as movie clips on separate layers. Place the base so that both axis's are on an integer (whole number).
- From the pull-down top menu, select "View" and then "Rulers".
- Place your slider image, exactly in the middle of the base. This point will represent volume at 50%. Place the slider so that both axis's are on an integer (whole number).
- Give your slider movie clip the instance name of "hslider".
- Select your slider movie clip, press F9 to access actions for the movie clip and add the following (of course, remove the "//" comments if desired):
onClipEvent(load) {
this._x=_root.hbase._x + _root.hbase._width/2 - this._width/2;
left=this._x - _root.hbase._width/2;
top=this._y;
right=this._x + _root.hbase._width/2;
bottom=this._y;
volCalc=_root.hslider._x - _root.hbase._width/2
//
//End of Clip Event Load
}
//
onClipEvent(mouseDown) {
startDrag(this, false, left , top , right, bottom)
}
//
onClipEvent(mouseUp) {
this.stopDrag();
}
//
onClipEvent(enterFrame) {
// This constantly sets the current a-axis position of
//the slider to "sliderx
//
sliderx=_root.hslider._x; //Sets sliderx as variable for a-axis of slider
myMusicVolume=(sliderx-volCalc); //The value of x-axis load value - n = 50
_root.myMusic.setVolume(myMusicVolume);
_root.currentVolume="Volume " + _root.myMusic.getVolume();
} |
In the above example, the slider movie clip can now be dragged from its center starting point to both ends of the base image. The variable "sliderx" is defined to equal the current x-axis point of your slider movie clip each time a frame is processed. The goal is to position your slider movie clip graphic so that its x-axis starts directly in the middle of the base. That way, you can calculate 50 pixels when the slider slides to the right and 50 pixels when it slides to the left.
The ActionScript for the above could also be placed in an event handler on a frame of any movie clip that loops such as:
this.onEnterFrame = function () {
//Your code here
} |
Use whatever is most convenient.
| » Level Intermediate |
|
|
Added: : 2004-10-12
Rating: 8.48 Votes: 31
Hits: 1294
|
| » Author |
|
Kenny Bellew is a technical writer and freelance flash programmer who specializes in Flash audio. He lives in Minneapolis, MN.
|
| » Download |
|
Download the files used in this tutorial.
|
|
Download (12927 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.
|
|
|
Tutorials » Audio
