How-to

This is from working on my single page website for my app: a rollover. We did this last semester in a demo with Amber too, so it may look familiar to some. This takes the rollover and whatever animation you assigned to it will play when you hover but reverse when you hover out, so it just doesn’t keep playing the whole time. You define an invisible button inside to be able to hover and play. Assign an instance name to the movie clip on the main stage. The [about.btn.addEventListener] accesses the button inside the about movie clip.

//PRESET
var rewind:Boolean = false;

//LISTENERS
about.addEventListener(Event.ENTER_FRAME, aboutReverseFrame);
about.btn.addEventListener(MouseEvent.ROLL_OVER,aboutOver);
about.btn.addEventListener(MouseEvent.ROLL_OUT,aboutOut);

//FUNCTIONS
function aboutReverseFrame(event:Event):void {
if(rewind == true){
about.prevFrame();
}
}
function aboutOver(event:MouseEvent):void {
about.play();
rewind = false;
}
function aboutOut(event:MouseEvent):void {
rewind = true;
}

Here’s where you play a sound when a symbol is clicked. This is after you import a sound and Export it for Actionscript, defining a class name. Here the class name is play6. You define the instance name in the first bit (var snd6:play6. play6 references the class defined in exporting for AS. Then, adding the listener and variable, in the function say you want whatever you named the object to play.

//Listener
sentence_6.addEventListener(MouseEvent.CLICK, sentenceSix);

//Variable
var snd6:play6 = new play6();

//Function
function sentenceOne(event:MouseEvent):void{
snd6.play();
}

This tut is for how to make a scrolling menu, like I did for my landing navigation. Basically, what you’re doing is defining a box that you can drag and drop in, defining the width to the width of the buttons and height, however tall you would like it to be taken. From there, embed various buttons or movie clips and define where they should go from there.