Set Image/Event Position to Mouse Position

#1 I figured it out:

Canvas.getCursorPos();

#2 Now what I am wondering is, how would I "bring to front" the item being clicked so it doesn't get any weird layered effects with other gui items?

#3 Anyone? I need this "bring to front" feature and haven't been able to figure it out...

#4 I got it, there is a "bringToFront" command.... Thing is, it's BACKWARDS!! I had to use "pushToBack" to get it to work instead.



Ok, now that I have it in the front and following the mouse, I have a more advanced issue.

I am setting the image's position equal to the mouse position. As you can imagine, this uses the image's "0,0" and sets the image equal to mouse position using that, so, the top left corner of the image snaps to the mouse. Well, what if I click on the middle of the image, or the bottom right? The image still snaps to the mouse from top-left....

How can I make the image follow the mouse WITHOUT that kind of snapping? Bear in mind, I am using Torque 3d, so the TGB functions of "mounting" does NOT work here....

(So if I click and hold in the middle, i can drag around the image by the spot of the image i clicked, NOT the top-left corner (0,0)....)

#5 You need to factor in the offset from the cursor to the gui item.

if the mouse is at 100, 100

and the GUI element is positioned at 90,90


that means the GUI is up and to the left 10 pixels each way.


so if you click at 200,200 and want the image to follow, you must rememeber the offset previously, which was 10,10

So you'd want to set the image to 190,190 instead of 200,200

I wrote a little method for dragging gui objects around on the screen using something like this

#6 Yes, I know, and I tried that too. The problem is, the picture then will NEVER MOVE. It thinks it's position should be the mouse position minus offset which.... hmmm that equals it's CURRENT position which means.... NEVER MOVES. Even when you move the mouse, it just sits there...

#7 On, well you need to have two separate functions

one will be... probably onmousedown.
This is where you get the offset.

onmousedrag or onmousemove is where the magic happens

imageposition = mouse cursor - offset.

#8

$MMouseDown=0;
$MMouseDrag=0;

function mouseHandler::onRightMouseDown(%this)  {
    error("rightmouse down");
	$RMouseDown=1;
	echo("right mouse down"@$RMouseDown);
	$MMouseDown=0;

}


function mouseHandler::onMouseUp(%this)  {
//    error("mouse up");
//	$MMouseDown=0;
}

function mouseHandler::onMouseMove(%this)  {
	if ($MMouseDown){ //Button is down, let's try to drag
		%parent=mousehandler.getgroup();
		%parentx= getWord(%parent.getposition(),0);
		%parenty= getWord(%parent.getposition(),1);
	
	//echo($MMX);
	//echo($MMY);
	
	
	}
	else{ echo($MMouseDown); }
		
}

function mouseHandler::onMouseDown(%this, %eventMod, %mousexy, %click){ 
	//Assign Current Mouse XY
	$MMouseXY=%mousexy;
}

function mouseHandler::onMouseDragged(%this, %eventMod, %mousexy, %click){ 
echo("mod "@%eventMod);
echo("click "@%click);
	//This is the Object you're really wanting to move
	%parent=%this.getGroup(); 

	//Current Mouse Coords
	%MouseX = getWord(%mousexy,0);
	%MouseY = getWord(%mousexy,1);

	//Current Coords of the Object to drag
	%parentX = getWord(%parent.getposition(),0);
	%parentY = getWord(%parent.getposition(),1);

	//Previous Mouse XY
	%PrevMouseX = getWord($MMouseXY,0);
	%PrevMouseY = getWord($MMouseXY,1);

    //Difference Between the Current and Previous Mouse XY
	%DoffsetX=-(%PrevMouseX-%MouseX);
    %DoffsetY=-(%PrevMouseY-%MouseY);

	//Set the Object to it's new XY
	%parent.position=%parentX+%DoffsetX SPC %parentY+%DoffsetY;
	
	//Assign Current Mouse XY
	$MMouseXY=%mousexy;

}

Heres ascript file i used for moving gui elements. If i remember correctly, mousehandler was a GUI control that accepted mouse clicks, and the things i was moving were inside it.

#9 And all of those are valid? "onMouseMove", "onRightMouseDown" i've never heard of these before....

#10 They are valid on certain types of gui controls.


on a secondary note


www.garagegames.com/index.php?sec=mg&mod=resource&page=view&qid=13886 this might be what you need