Hello, everyone. Welcome to this video tutorial brought to you by our Roja media. We are going to take a look at flash ActionScript, 3.0 and buttons. This is a simple tutorial that shows how to create a simple event listener for a button event. This is the final output we are going to create a ball changing its property values on button clicks. So to get started, get a new Flash file, draw a circle and convert it to a movie clip named object.

Each and every object should be given an instance name, which will be used in scripting. So go to the Properties panel and give it an instance name object underscore MC named the same to each layer two The very next thing we need is a button, which will change the object's property. Add a new layer as button, go to Windows menu components. In that below user interface option, you see a radio button available, select it and drag it to the main stage area. Level is the default text written on it. So, to change such properties, have it, go to Windows menu component inspector and change the label name to alpha.

Right now, it's not working as the action script is still not written for it. Give it an instance name, alpha underscore btn. add one more layer of action. This is the layer where we can attach action script for the buttons. Select Blank frame from action layer and press f9. To get action panel.

Let's write the function of the mouse event. The default value of the object instance is null. So it ends with a void. Between the open and closed curly brackets object should be introduced on which alpha property is supposed to set. And now the alpha value to be given it can be set between zero to one. For now, let's give the value of 0.5.

Now, let's add an event listener action for the alpha button to take the call. So that on its click movie clip manages its alpha value done Let's test the movie. It's working right. So we can see that we have written a right action script for the first alpha button. Moving ahead, similarly, we will add a button to change the movie clips x&y position. For that, drag one more button from the current Documents Library.

We will repeat the same procedure as done for the alpha button. change these buttons label to position from the component inspector. And for ActionScript purposes, give it an instance name as position underscore btn. Select the action layers frame and press f9 to open the Actions panel. Let's add the similar function and event listener for the position button. Here to the function will end with a void, which is undefined or default value of the object instance.

Then in the open and closed curly bracket to be changed x value of the object instance will be added. We choose 300 here, complete the action by giving an event listener for the position button. Let's test the movie now. Click and yes, the object is changing its position in the x direction. Even the alpha is working right now, let's add the value for the y position as well. All we have to add it between the curly brackets only write y equal to hundred and check the movie.

On the single click of the position button, the object is shifting to x as well as y values. Thus, we are successfully done with adding the position button and its actions. Let's add one more button to change the scale property of the object. Start with dragging the additional button on the stage from the library and changing its label to scale in the component inspector dialog box. Also, give it an instance name as scale underscore btn. Press f9 on the action layer to start with action scripting for the scale button.

Start with the function. The object can be scaled in both directions. That is x and y Let's add for this scale x direction first value to will multiply the object with to double in the x direction and add the action on the scale button. Test the movie now, pressing the scale button is changing the objects with to double. Similarly, we can add the scale value for y direction. Give the scale by equal to 1.5.

That is, in y direction, the object should stretch by one and a half times its original size. Control plus Enter to test the movie, and its scaling with the correct values applied in action for both x and y. So we finish with one more button action here. Let's add one more button to set the movie clips height and width. Change the new buttons label to height dash width and SW underscore btn as instance name. Hit f9 on action layer to add ActionScript we are keeping all the functions below each other.

And in the event listener action, a particular button is told to update Like exactly that particular function coming back, first we will add the width value for the object. Let's keep it 100. After adding the action for the button, test the movie you'll see that whatever default value may be of the object at that time, after clicking the height dash width button, its width is changing to exact hundred values. Let's go for the height value. To keep it the same, that is hundred, that's the movie. And yes, it's working perfectly is changing whatsoever current height and width of the object to exact hundred by 100.

That means we are done with the height dash width button ActionScript two. Let's add the last but not the least button, which will decide the visibility of the object. Drag a new button symbol on this stage on button layer and label it as visibility. Also name it visibility underscore btn as instance name in the Properties panel. Let's add the complete action for it and its function. Hear new debt, alpha and visibility.

Are two different functions. For alpha, you can apply any value in between zero to one. And for visibility, you decide the whole object should be totally visible or not. So, its property is set by only true and false value. Here, we have to totally hide the object. So set the visible value equal to false.

Add the event listener action to the button instance at the end. Test the movie for this object is hiding on one click. Thus, we have completed writing the action script for the object properties, play the movie clip, each button is functioning correctly. Similarly, you can experiment more and keep adding values or properties for an object. So, that's it for now. See you in the next lesson.

Thank you