It is a long tutorial, almost 20 minutes, but we cover a lot.
- Learn how to place radio buttons on stage
- Lear how to created radio button groups
- Learn how to create sound variables, load and play
- Learn how to format LABELS using ActionScript and the setStyle method
- See a switch case example
USEFUL LINKS:
- For free, public domain sounds: http://www.freesound.org/ – funded partially by Google
- Adobe Reference on radio buttons: http://help.adobe.com/en_US/AS3LCR/Flash_10.0/fl/controls/RadioButton.html
- The text format class: http://help.adobe.com/en_US/AS3LCR/Flash_10.0/flash/text/TextFormat.html
DOWNLOAD THE COMPLETE SOURCE FLA FILE WITH ALL SOUNDS FOR $5
HERE IS THE SOURCE CODE!
// Avraham Saltoun
// solutions at say-web dot com
// FREE to USE, COPY and DISTRIBUTE
import fl.controls.RadioButton;
import fl.controls.RadioButtonGroup;
// this will import radio button capabilities to the script
//URL Request
//This is the location of the 3 sounds
// of the script
var req1:URLRequest = new URLRequest (‘GroupLaughter.mp3′);
var req2:URLRequest = new URLRequest (‘GirlsLaughing.mp3′);
var req3:URLRequest = new URLRequest (‘BabyLaugh.mp3′);
// now we will create 3 different sound
// for each choice on the screen
var sound1:Sound = new Sound();
var sound2:Sound = new Sound();
var sound3:Sound = new Sound();
//Let’s load each type of laughter
//to each sound variable created
sound1.load(req1);
sound2.load(req2);
sound3.load(req3);
//Let’s Appply some formatting
//to the radial buttons
var format:TextFormat = new TextFormat;
format.size= 20;
format.font= ‘tahoma’;
rb1.label = “Group”;
rb2.label = “Girls”;
rb3.label = “Baby”;
// Now we will apply the style
//created to our labels
rb1.setStyle(“textFormat”, format);
rb2.setStyle(“textFormat”, format);
rb3.setStyle(“textFormat”, format);
// Event Listeners
//Will set the compiler waiting
// for a click
rb1.addEventListener(MouseEvent.CLICK, soundPlay);
rb2.addEventListener(MouseEvent.CLICK, soundPlay);
rb3.addEventListener(MouseEvent.CLICK, soundPlay);
// Note that all of them lead to the same function.
function soundPlay (event:MouseEvent){
//This will extract the label of the clicked button
// here called a target. Could be any component
var op:String = event.target.label;
switch (op){
case ‘Group’:
sound1.play();
break;
case ‘Girls’:
sound2.play();
break;
case ‘Baby’:
sound3.play();
break;
default:
break;
}
}
4 Responses to “The Laughter Machine a Flash Radio Button Component Tutorial”
Trackbacks/Pingbacks