Imagine a menu system where a button is draggable, as you drag it around it doesn’t do anything until it it reaches a specific co-ordinate. Then when it crosses it, it loads an external movie.
O.k
There are rules though, the button needs to be able to have more than one set of co-ordinates, which are not single points but stretch across the movie (horizontal and vertical) , this is so it can load more than one external movie. Its basically a navigation.
I put this up real quickly cause im in a hurry, if you need any explanation, please ask me later.
Instead of a button, you have to use a movieclip.
//i used range because its almost impossible to match exactly both x and y coordinates.
//check my picture to understand how it works.
range = 20;
speed = 3;
points = [[50, 50], [450, 150], [300, 250]];
//points to snap [x,y]
movies = ["portfolio", "photos", "profile"];
//movies to load; if you snap into [50,50] point, movie "portfolio" will be loaded
MovieClip.prototype.snapToPoint = function(x, y) {
this.onPress = function() {
this.startDrag(false);
};
this.onRelease = function() {
for (var i in points) {
this.dx = Math.abs(this._x-points*[0]);
this.dy = Math.abs(this._y-points*[1]);
if (this.dx<=range && this.dy<=range) {
this.snap(i);
}
}
this.stopDrag();
};
this.onReleaseOutside = this.onRelease;
this.snap = function(j) {
this.onEnterFrame = function() {
this.tx = Math.round((points[j][0]-this._x)/speed);
this.ty = Math.round((points[j][1]-this._y)/speed);
this._x += this.tx;
this._y += this.ty;
if (this.tx == 0 && this.ty == 0) {
delete this.onEnterFrame;
//load the corresponding movie into a movieclip with an instance name content_mc
loadMovie(movies[j]+".swf", content_mc);
}
};
};
};
my_clip.snapToPoint();//clip to be dragged
