First time here? First time here? Newsletter Signup Newsletter
Login | Register | 651326 Members and growing! | Flash Jobs
Search tutorials
Author: Muhammad Yahya | Website: http://www.yahya3d.tk

Please note that all the AS used in this tutorial has no copy rights. Feel free to use it where ever you want. And if you think this tutorial was good enough, do link to it. The tutorial, its layout and format, however, is copyright yahya 3d. Also note that this tutorial is for flash mx 6.0, it may not work properly in flash mx 2004 7.0. Lets get started with the tutorial.

1.
First of all... let me tell you that this site has two scenes in it. The fist scene contains the preloader and the second one contains the home page. So create a new file in flash... and add a scene. This is the first step. We will work in the second scene from here on.

2.
Now, obviously enough, you need to import a sound into your library. For that press ctrl+R and select your desired sound file.

3.
After doing so, open your library by pressing F11, locate the sound file, right-click it and select 'Linkage'. Give it a name. In this tutorial we will use the name 'backsound'

4.
Now that your sound file is exported for AS, lets get going with the magic. Goto the first frame, open the action script panel and initiate the sound by writing the following script:

// initiate sound
music = new Sound();
music.attachSound("backsound");
music.start(0, 999999);

5.
We don't want the sound to start abruptly, instead, we want it to fade in slowly. For that, first of all we need to set the volume of the sound to zero.

// set the volume of the sound to zero
music.setVolume(0);

6.
Now we have to create a function that fades in the sound at the start. For the function to work we need to set a couple of variables. You need to have knowledge of them both to understand how it works. Our function for initial fade in goes like this:

// set a variable named 'vol'
vol = 0;
// set another variable named 'fade', putting a setInterval function in it
fade = setInterval(fadeIn, 100);
// set the initial fade in function
function fadeIn() {
// fade the sound in with an increment of 3 in the variable 'vol'
vol += 3;
music.setVolume(vol);
// put an if condition to restrict the increment in volume after it reaches to 100
if (vol>=100) {
clearInterval(fade);
}
}

7.
What happens here is that this function fades the sound in dynamically with an increase of three to the volume which is set to zero. Please note that the increment can be modified accordingly. When the volume reaches to hundered, the interval is cleared. Now we have to create another function... so that our sound can fade in and out according to the even and odd clicks on a single button. So we will write something like this in the AS window:

// function executed on onEnterFrame
_root.onEnterFrame = function() {
// set fade out
if (Fade == 1) {
vol = vol-step;
if (vol<0) {
vol = 0;
}
music.setVolume(vol);
// set fade in
} else {
vol = vol+step;
if (vol>100) {
vol = 100;
}
music.setVolume(vol);
}
};

8.
But there surely is something missing. You can clearly see that the key to this fade in and out function is the use of two variables 'fade' and 'step'. Step is the value you want the sound to fade in and fade out with and 'fade' is the variable that tells the function either to fade the sound in on the very click or fade it out. For this we have to go back to our initial fade in function and add two lines defining the variables. Finally, our first fucntion will look like this:

// set a variable named 'vol'
vol = 0;
// set another variable named 'fade', putting a setInterval function in it
fade = setInterval(fadeIn, 100);
// set the initial fade in function
function fadeIn() {
// fade the sound in with an increment of 3 in the variable 'vol'
vol += 3;
music.setVolume(vol);
// put an if condition to restrict the increment in volume after it reaches to 100
if (vol>=100) {
clearInterval(fade);
// create the 'step' variable
step = 1;
// create the 'fade' variable
Fade = 0;
}
}

» Level Intermediate

Added: 2003-10-19
Rating: 7 Votes: 21
(10 being the highest)
» Author
Muhammad Yahya
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!

Comments

  • There are no comments yet. Be the first to comment!

  • You must have javascript enabled in order to post comments.

Leave a Comment
  • Your email address will not be published. All fields are required.
Featured Flash FLA
» Author: work2survive
» Title: Girl Walking 1kb
» Description: Walking girl, animation just takes 1kb, using high heels shoes, and fashion model attitude.
Featured Sound Loops
Image for equalize

Audio Player

» Author: BoxCat
» Title: CPU Talk
» Description: From the cyberpunk RPG, "Nameless: the Hackers" Completely Free to use! Keywords: edm hip hop rap electronic mysterious mission hacking chase exciting spy ios ambient chilling love happy sad angry suspense
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: nathan
» Description:

A recorded sound of the Dimensional Fork Gate.