Dragging in a circle [locked center]

[mannyme80]

Hello...

I have a MC that is a circle and I'd like to be able to drag it while locked to the center....

I haven't found a piece of code that works... is this something simple, or am I just going crazy at this point?

Thanks a MILLION in advance,
-manny

[Baby Minion]

circle_mc.onPress = function () {
    startDrag(this, true);
}
circle_mc.onRelease = function () {
    stopDrag();
} 

The startDrag(this, true);
this = the circle
true = lockCenter;

IF the circle you have created is centered inside the symbol. (align to stage, center center)
it will lock to the center of the circle as you drag

[mannyme80]

this works great, but I was a bit confusing...

I have a circle MC, but i want to stay in place. I want to be able to drag it like a spinWheel... I'd like for the drag to only rotate the MC about its center.

Hope this clears it up a bit.

Thanks!
-manny

[mannyme80]

*bump*

I really need help today... I have a close of business deadline to try and get this resolved...



Thanks!

[mannyme80]

k....

I have it rotating and dragging in a rotation... but i can't make it stop snapping to that certain point in the cirlcle MC

Can anyone lend an eye!?

Thanks!
-manny

stop();

_root.onEnterFrame = function () { 
daWheel._rotation -=.2; 
};

daWheel.onPress = function(){
	// when you press the grip in the daWheel
	daWheel.onMouseMove = function(){
		// add a mouse move event to the daWheel
		
		// get an angle to the mouse using atan2 (gets radians)
		var angle = Math.atan2(this._parent._ymouse-this._y,this._parent._xmouse-this._x);
		// apply rotation to daWheel by converting angle into degrees
		this._rotation = (angle*360/Math.PI/2);
		// rotate the grip opposite the daWheel so it won't rotate along with it
		this.grip._rotation = -this._rotation;
	}
}

daWheel.onMouseUp = function(){
	// if a mouse move event, delete it on mouse up
	if (this.onMouseMove) delete this.onMouseMove;
}

[Baby Minion]

what point does it keep snapping too.

good job on finding the trig function. I was looking for it, but didn't look hard enough.

[mannyme80]

It keeps starting at the 0 or 360 degrees... regardless of how much as rotated...

If my spinWheel has rotated 37 degrees, when I click to drag, it will snap back to 0 or 360 then drag.

ugh!

[Baby Minion]

I took your exact code into my own fla, and when I click on the circle I made (it has a gradient so I can tell the rotation its at) it does not do anything. When I finally move my mouse, it points toward the mouse and does not go to 0 first.

The problem is probably with the grip movie inside... can you post an fla with how those movie clips are setup. That could be the issue.

[mannyme80]

hope this helps!

i'm really stressing :|

-manny

[Baby Minion]

Does this fix the problem?

try this as your code

stop();

daWheel.onEnterFrame = rotateDaWheel;

function rotateDaWheel () {
    daWheel._rotation -=.2; 
}

daWheel.onPress = function(){
    this.onEnterFrame = null;
    // when you press the grip in the daWheel
    daWheel.onMouseMove = function(){
        // add a mouse move event to the daWheel
        
        // get an angle to the mouse using atan2 (gets radians)
        var angle = Math.atan2(this._parent._ymouse-this._y,this._parent._xmouse-this._x);
        // apply rotation to daWheel by converting angle into degrees
        this._rotation = (angle*360/Math.PI);
        // rotate the grip opposite the daWheel so it won't rotate along with it
        this.grip._rotation = -this._rotation;
    }
}

daWheel.onMouseUp = function(){
    this.onEnterFrame = rotateDaWheel;
    // if a mouse move event, delete it on mouse up
    if (this.onMouseMove) delete this.onMouseMove;
} 

[mannyme80]

the same thing is happening... it will snap to the green slice...

I'd like for the snap not to happen.

I'll monkey around with it a bit longer... stressing out!

[mannyme80]

on(press){
    dragging = true;
    orig_mouse_angle = Math.atan2(_parent._ymouse-_y, _parent._xmouse-_x) * 180/Math.PI;
    orig_rotation = _rotation;
    orig_x = _parent._xmouse;
}
onClipEvent(mouseMove){
    if(dragging){
        curr_mouse_angle = Math.atan2(_parent._ymouse-_y, _parent._xmouse-_x) * 180/Math.PI;
        _rotation = orig_rotation + curr_mouse_angle - orig_mouse_angle;
        updateAfterEvent();
    }
}
on(release,releaseOutside){
    dragging = false;
} 

Thanks to Senocular.com this code does the CHARM!!!!

WOOOHOOO!!!