Hello, and welcome to our Ohio media's new video tutorial. This tutorial is all about object oriented start and stop drag ActionScript in Adobe Flash so let's get started. Jump into flash and create any shape and converted into a movie clip. we name it object and keep its registration point to exact center. This movie clip or say object is supposed to be dragged on mouse click. That means this object will need an instance name for ActionScript.

We name it as object underscore MC, also name its layer as object. Add a New Layer named buttons where the actual start drag and stop drag buttons will be pleased. Get the button from Window menu components you The interface and place it on the stage. Again, visit windows menu, component Inspector, or simply press Shift plus f7 shortcut key and change its level. To start drag. give it an instance name, drag underscore btn.

Add one more layer as action, where we will start giving actions to the button. Select action layers blank frame and press f9 for the action panel, get started with the function to happen. Within the curly brackets introduced the object which is to be dragged for that objects instance name is used, which is the identity of that object. Then type the action on the button on which the about function will take place. Now, test the movie. And yes, after the click on Star drag button, the object starts moving along with the mouse from its current position.

So this is done. But this way, the object will keep moving along with mouse. So, we'll also learn how to stop that dragging using one more button. For that, get one more button on the button land and change its level to stop drag. Also give it an instance name as drag, underscore stop underscore btn. Now, time to open the action panel again, to apply the function of stop drag.

Object underscore MC should get stopped. No apply this function to drag underscore stop underscore btn That's the movie now. The object starts moving on one click of the start drag button and stops dragging on one click of the stop drag button. Note that onstop the object doesn't go to its default position to stop, but stops at its current position. It's done successfully. Now, do the important steps of all that is save you a file, we name it, drag underscore 01.

Now, we have seen how to drag the object along with the mouse and also how to stop it. Now, let's see one more style of dragging of the object where the object gets attached to the center of the mouse. On the buttons. Click That means the object movie clip will get bound with the mouse. The start is the same. Get a movie clip of any object on one layer and a button on another layer.

On the third action layer, the action script will be added. Open the action panel and start with the function. Now, in curly brackets, after start drag, you see the option available of lock center which can be applied by true or false value. We keep it true as we want to bind the object to the mouse and now apply that function to that button. This the movie. On one click of the button, the object gets bound with the mouse to its center and gets dragged along with the mouse.

So adding a small change of lock center value in the ActionScript gives you a different style of object drag output. We are not finished yet. create one more Flash file to see how to drag any movie clip within a decided boundary. Start with a layer named object and draw an object. We take a circle keep its width and height to exact 50 by 50 pixels. Similarly, set it's excellent Y coordinates x equals to 150 and y equals to 200.

Now convert this object into a movie clip, check its registration point is on the top left corner, name it object. Select the object and provide an instance name to it, object underscore MC. We need to draw a boundary named the layer as boundary and draw a rectangle on the stage. Remove the fill color and keep the outline says boundary. Set the rectangle parameters to width equal to 250 pixels height equal to 150 pixels and also set the XY coordinates x equals to 150 Y equals to 200. These x y coordinates are similar to the objects XY coordinates.

That means the object and boundary start at the same point, and the object movie clip should drag only within this boundary. So, let's start with the action script part. Add a new layer as action and press f9 for action panel. Write the function first. In this, we don't want to use lock center. So give it a false value.

To drag the object within a boundary, let's set an attribute new rectangle and then in open brackets type the rectangle values start with the x coordinates value, where the rectangle begins that is 150 then the y coordinates value where the rectangle begins that is 200 then the width of the rectangle that is 200 and at last the height of the rectangle that is 150. We are setting these values which are supposed to be bounding area values for the object. So, logically to move the object within that area, the objects width and height should also be calculated. So, we will minus the objects 50 by 50 pixels width and height values from rectangles width and height. So, now, the ActionScript the vast Have the new rectangle changes to 201 hundred x&y coordinate values remains the same. Moving ahead let's add an event listener to call the abound function on object underscore MC.

This the movie on object click, the object is moving along with the mouse but not leaving it set boundary area in any direction. So the calculation we did was absolutely perfect. We kept the x&y coordinates for the object and boundary same and to set the dragging area, actual objects width and height was also calculated in the boundaries width and height. The output is pretty good. Hope this animation was fun. Thank you for watching this video tutorial presented by our Roja media.

See you next time with some more ActionScript material. Till then keep exploring