Create a Dynamic textbox with Multiline property selected using the Properties panel, name the variable and the instance as ‘addr’ and ‘scrtxt’ respectively.

Create 2 buttons for Upward and Downward scrolling and write the following Actionscript code:

Upward Button
on(press)
{
scrtxt.scroll=scrtxt.scroll-1;
}

Downward Button
on(press)
{
scrtxt.scroll=scrtxt.scroll+1;
}

Save your work and test the Movie (Ctrl + Enter). That’s it you have learnt how to create simple scrollers for textboxes in Flash using Actionscript.

I also needed to stop my carousel movieclip to exit the stage.

First of all I created a movieclip with all my thumbnails inside it and i named the movieclip “carousel”.

I created a mask on that movieclip, to control the visible area of it and on the left and right  I  created two buttons, which will move left and right my “carousel” movieclip, named “left_btn” and “right_btn”.

All is set now, we’ll create one new layer for the actionscript which controls the buttons and the movieclip.

In previous mentioned frame paste the following actionscript code:

right_btn.onRollOver = function() {
carousel.onEnterFrame = function() {
this._x += 10;
if(carousel._x >= 40){
trace(“edge reached”);
delete carousel.onEnterFrame;
//right_btn._visible = false;
}
};
};
right_btn.onRollOut = function() {
delete carousel.onEnterFrame;
};

left_btn.onRollOver = function() {
carousel.onEnterFrame = function() {
this._x -= 10;
if((carousel._x + carousel._width) <= Stage.width-40){
trace(“edge reached”);
delete carousel.onEnterFrame;
//left_btn._visible = false;
}
};
};
left_btn.onRollOut = function() {
delete carousel.onEnterFrame;
};

If something is not clear, please write a comment and you will get further assistance.

1. Draw the button shape. Select the rectangle tool and draw the shape of your button on the stage. If you want rounded corners, press the down arrow key as you draw the rectangle.
2. Step 2

   Convert the shape to a movie clip. Select the shape; if the shape has a stroke, you will need to double-click on the shape. Select “Modify>Convert to Symbol.” Name the symbol “btn_mc” and select “Movie Clip.” Click “OK.” Type “btn_mc” in the “Instance Name” box in the “Properties” panel.

3. Step 3

   Create the button for the top state. Double-click on the movie clip to edit the movie clip. Change the name of “layer 1? to “Buttons.” Select the “Text Tool” and type the text for the button. Position the text on the button. Add additional effects to the button as desired.

4. Step 4

   Convert the button to a button symbol. Select the entire button and select “Modify>Convert to Symbol.” Name the symbol “button” and select “Button.” Click “OK.”

5. Step 5

   Create the button for the down state. Select the frame where you want the button in the down state to begin. Select “Insert>Timeline>Keyframe.” Adjust the button for the down state. For example, if you want to have the button faded, adjust “Brightness” in the “Color” drop-down menu in the “Properties” panel.

6. Step 6

   Label the frames. Insert a new layer called “Labels.” Insert a new keyframe for the frame that contains the top button and the frame that contains the down button. Select the keyframe for the top button. In the “Properties” palette, enter “_top” in the “Frames” box. Select the keyframe for the down button. In the “Properties” palette, enter “_down” in the “Frames” box.

7. Step 7

   Add actions to the button states. Insert a layer called “Actions,” and insert a new keyframe for the frame that contains the top button and the frame that contains the down button. Select “Windows>Actions” to display the Actions panel. Enter “stop();” in both keyframes.

8. Step 8

   Add actions to the movie. Press the “Back ” button next to “Scene1? to return to the button shape. Click on “btn_mc.” The actions panel should say “Actions-Movie Clip” in the left hand corner. Enter the following code:

   on (press)_root.mc_btn.gotoAndStop(“_down”);
   }
   on (release) {
   _root.mc_btn.gotoAndStop(“_down”);
   }

You should  have the button already to go and you  just need it to run the .exe file.

So, on that button you paste the following actionscript code:

on(release){
fscommand(“exec”, “your_app_name.exe”);
}

The code is very simple.

On a button’s actionscript insert the following code:

on (release) {
getURL (“javascript:window.close()”);
}

Export your work and test it.

1. Create a new flash file (Actionscript 3.0) and save it as cards.fla.

2. Rename “layer1″ to “cards”. On this layer, with the rectangle tool selected, draw 4 rectangles of different colors and convert each to a movie clip. Give them instance names of “card1″, “card2″, “card3″ and “card4″. Rotate and place them like cards in the hand, the cards must overlap.

3. Create a new “actions” layer. With its first frame selected, open the actions panel.
First we store the cards in an array :
var cards : Array = [card1, card2, card3,card4];

Then we loop through this array to add to each card a Mouse_DOWN event listener and set its buttonMode to true do display a hand cursor:
for (var i:int = 0; i< cards.length; i++){
cards[i].addEventListener(MouseEvent.MOUSE_DOWN,bringToFront);
cards[i].buttonMode = true;
}
4. Finally we need to write the bringToFront function.

In actionscript 3 all children of a container are placed from depth 0, 1 , 2 … to the highest one which is obtained with the numChildren property of the container minus one. ( minus one because depth begins with 0).
If 2 movieclips overlap, the one with the greater depth comes in front of the other.

That explained, let’s write the function. We use the setChildIndex method to change the depth. We access the card that has processed the event by calling the currentTarget property of the event and cast it as a DisplayObjectContainer :

function bringToFront(e:MouseEvent) {
setChildIndex(DisplayObjectContainer(e.currentTarget),numChildren – 1);
}

5. Here’s the final code, test the movie to see it in action.

var cards : Array = [card1, card2, card3,card4];

for (var i:int = 0; i< cards.length; i++){
cards[i].addEventListener(MouseEvent.MOUSE_DOWN,bringToFront);
cards[i].buttonMode = true;
}

function bringToFront(e:MouseEvent) {
setChildIndex(DisplayObjectContainer(e.currentTarget),numChildren – 1);
}

Final result:

1. First watch the demo to see what we are going to create.
Create a new flash file (Actionscript 3.0) and save it as detect_collision.fla.

2. On the stage create 2 movie clips, one for the car and one for the line. Set their instance name to respectively car_mc and line_mc.

3. Create a new layer named ‘actions’ and with its first frame selected open the actions panel.
Paste the following code:

stage.addEventListener(KeyboardEvent.KEY_DOWN,moveCar);

function moveCar(evt:KeyboardEvent) {
if (evt.keyCode == Keyboard.LEFT)  {
car_mc.x -=8;
if (car_mc.hitTestObject(line_mc)) {
stage.removeEventListener(KeyboardEvent.KEY_DOWN,moveCar);
}
}
}

4. Explainations We add a KeyboardEvent listener to the stage that call the moveCar function when the KEY_DOWN event is dispatched. In the moveCar function we check if the left arrow of the keyboard is down and if so we decrement the x property of the car. Next we call the hitTestObject method to evaluate if the car overlaps with the line. If so, we remove the KEY_DOWN event listener from the stage so that the car can’t be moved.

5. Test your movie to see it in action.

Here’s the final preview:

Step 1

Open a new AS3 file and import your image onto the stage by selecting File > Import > Import to Stage.

Step 2

Convert your image into a movie clip (F8). Then give an appropriate name, select the top left registration point. And click the ‘Export for Actionscript’ checkbox and give the class name: ScrollBg. Once you have create the movie clip delete it from the stage.

Step 3

Add the following code in the Actions panel.

//The speed of the scroll movement.
var scrollSpeed:uint = 2;

//This adds two instances of the movie clip onto the stage.
var s1:ScrollBg = new ScrollBg();
var s2:ScrollBg = new ScrollBg();
addChild(s1);
addChild(s2);

//This positions the second movieclip next to the first one.
s1.x = 0;
s2.x = s1.width;

//Adds an event listener to the stage.
stage.addEventListener(Event.ENTER_FRAME, moveScroll);

//This function moves both the images to left. If the first and second
//images goes pass the left stage boundary then it gets moved to
//the other side of the stage.
function moveScroll(e:Event):void{
s1.x -= scrollSpeed;
s2.x -= scrollSpeed;

if(s1.x < -s1.width){
s1.x = s1.width;
}else if(s2.x < -s2.width){
s2.x = s2.width;
}

}

Step 4

Test your movie clip Ctrl + Enter.

Ever since you could keep your code in separate AS files, you were almost able to avoid placing any code on the timeline unless you really had to. I mention “almost” because, you always had to have some code somewhere in your Flash application to give your code in a separate AS file a jumpstart before it started running:

For example, the code that is associated with the dotted red line may have lived on the first frame of your timeline and looked something like this:

[cc lang="actionscript"]
function start() {

var mainClass:ClassC = new ClassC();
mainClass.goNuts();

}
start();

[/cc]

Code like this seems pretty harmless. All I am doing is instantiating a class and calling a method in it – that’s it. The downside is that this adds a certain dependency to the main timeline that makes maintainance and editing more difficult.

Fortunately, one of the features introduced since Flash CS3 for ActionScript 3 projects is the ability to associate a particular class with your main Flash document. This means that you can now have a class file (dubbed the Document Class) instantiated and called automatically when your application is run without you having to do anything extra, and this tutorial will show you how!

Associating a New Class with a Document
First, go ahead and launch Flash. I’m using Flash CS5, but the instructions should be similar for Flash CS3 onwards. Once you have launched Flash, create new ActionScript 3.0 project.

In the Properties panel, find the Class property:

In the textbox right next to it, enter the name of the class you want associated with this particular document. I’m going to go with the name MainDocument:

That’s all there is to it if you just wanted is a class to get created for you automatically when you run your application. We don’t want that for this case, because…well, what’s the fun in that? We want to see the code and make modifications to it!

To explicitly see your class so you can make changes to it, click on the pencil icon aka the Edit class definition button found right next to the textbox:

Once you have clicked that button, you will see the AS code that makes up your MainDocument class appearing in the background. Click OK to close this dialog and be allowed to edit the code file that you see behind you:

Before you call it a day and test your application, make sure both your FLA and this AS file are saved in the same folder on disk. By default, the ActionScript file that would have been created for you will be unsaved and unnamed.

Once you have saved both your FLA and AS file, you can test everything works by adding a small trace statement to your MainDocument constructor:

[cc lang="actionscript"]

package {

import flash.display.MovieClip;

public class MainDocument extends MovieClip {

public function MainDocument() {

// constructor code
trace(“hello”);

}

}

}

[/cc]

If you test your application by pressing Ctrl + Enter, you’ll see that the trace statement defined in your class file gets invoked:

What you have just done is designated a class file as your Document class. As Borat would say, “High five!”

Associating an Existing Class to the Document
In the previous section, we looked at how you create a new class and have it be associated with your Flash document. In some cases, you may already have the class file you want to use already created. To associate an existing class file with your document, the steps are largely similar.

In the Class property, enter the name of the class file that you already created and want to use:

Because you are associating a MovieClip (your main document) to the class, make sure your class extends the MovieClip type as shown earlier. Once you have done that, the constructor in your class will fire and everything will run from there.

Your class, though, may be in a different folder than the root of your FLA document. In these cases, you have to invoke the advanced ActionScript settings dialog. To do that, from the Properties panel, click the Edit button found next to ActionScript settings:

Once you click that Edit button, the Advanced ActionScript 3.0 Settings dialog will appear. From this dialog, make sure the Source path tab is selected:

This path by default shows the location of your FLA file. When you build your application, any class file references you make are resolved in this location. If your class file lives in another location, you can hit the plus button to add a new location, or you can simply hit the Browse to Path button and change the currently selected path:

As long as your referenced class file lives in one of the known Source path locations and contains a class that extends MovieClip, you are golden…like a retriever!

Conclusion
If you all you are doing on the timeline is writing code to call another class file where all of your application’s logic lives, strongly consider associating a class file with your Flash Document and have any relevant code there instead of in the timeline.

You just have to enter your movieclip (double click it), create a new layer called “actions” or whatever you like to name it and paste the code on the frame you want your movieclip to pause.

stop();

setTimeout(this,”play”,2000)

You have the option to control how long the movieclip should pause simply by changing the value “2000″ (in ms = 2s) to your desired value.