A Flash Developer Resource Site
|
Internet Commerce
Developer ChannelFlashKit.com
JavaScript.com JavaScriptSource Developer Jobs ScriptSearch StreamingMediaWorld Web Developer's Journal Web Developer's Virtual Library WebDeveloper.com Webreference Web Hosts XMLfiles.com
internet.com
|
  Tutorials HomeWhat's NewTop RatedSubmitmyTutesRandom!
Search Tutorials
 Tutorials » Interactivity
I built this as a game to illustrate the food chain. Basically the game had six pictures of different plants and animals that needed to be placed in the correct order. I wanted the pieces to "slide" back to their original position if they were dropped in the wrong place. The trick to this is using trigonometry to get the distance of the movie clip being dragged from the point it started from. To begin: Name this hit area MC "Hit1". I made them very small in my example. In a blank layer to the main scene, and add this code to the first frame of your timeline: MastX = 505; These are the X & Y coordinates for all 6 of my draggabe MCs. On the main stage add this code to the first MC that will be draggable:
on (press) { this.startDrag(); }
on (release, releaseOutside) {
if (this.hitTest(_parent.Hit1)) {
this._visible = false; _parent.Right +=1;
_parent.Place.Pic3.play();
} else {
this.gotoAndPlay("Move");
} this.stopDrag();
}
Notice I use "_parent" instead of "_root". The "on(press)" makes the MC draggable (duh!), If it IS touching Hit1 when the mouse is released, The code for that looks like this:
if(_parent._parent.Right==6){
_parent._parent.ExitMov.play();
}
stop();
If it seems like I am rushing over this a bit, it is because I want to get
to the meat and potatos of this tutorial, which is what happens if the draggable
MC is NOT touching the hit area of "Hit1" when the mouse is released. MyX = this._x; MyY = this._y; _parent.MyDist = Math.sqrt((MyX-_parent.MastX)*(MyX-_parent.MastX)+(MyY-_parent.Y1)*(MyY-_parent.Y1)); This is the good old Pythagorean Theorm in action, and it gives us the current
distance from the original point.
if(_root.MyDist> 1){
gotoAndPlay(_currentframe +1);
}else {
this._x = _parent.MastX;
this._y = _parent.Y1;
gotoAndPlay(1);
}
This checks to see if the draggable MC is currently less than 1 pixel/unit
from it's original point, in which case it sets the X and Y to it's original
coordinates. currX = this._x; currY = this._y; targetX = _parent.MastX; targetY = _parent.Y1; dX = targetX-currX; dY = targetY-currY; currX += dX/3; currY += dY/3; this._x = currX; this._y = currY; gotoAndPlay(_currentframe-2); This moves the draggable MC and sets up a loop that creates a deminishing return, or easing out effect. Thats all there is to it.
|
||||||||||||||||||||||||||||||||||||||||||||||||||
 |
|||||||||||||||||||||||||||||||||||||||||||||||||||
Simple and secure passwords
|
 |
 |
|