Movie image in opposite direction

**waverider303** · May 2nd, 2009, 10:50 PM

Does anyone know the algorithm used in this image panner
http://flashden.net/item/image-viewer/8883

How to move the image in the opposite direction of mouse.

**sebrofm** · May 3rd, 2009, 12:43 AM

Code:

var img:Sprite; //zoomed image
stage.addEventListener(MouseEvent.MOUSE_MOVE, onMove);
function onMove(m:MouseEvent) : void {
     var mx:Number = stage.mouseX;
     var my:Number = stage.mouseY;
     var dx:Number = mx - tempx;
     var dy:Number = my - tempy;
     tempx = mx;
     tempy = my;
     if( (mx > 0) && (mx < img.width) ) img.x -= dx;
     if( (my > 0) && (my < img.height) ) img.y -= dy;
}

something like that would probably do the trick

**sebrofm** · May 3rd, 2009, 12:46 AM

^^forgot to declare tempx and tempy, oops

**waverider303** · May 3rd, 2009, 12:49 AM

Would tempx and tempy just be a number?
I tried that math out and it just makes it disappears. Its probably off the stages viewing area.

**sebrofm** · May 3rd, 2009, 12:58 AM

try this?

var img:Sprite; //zoomed image
stage.addEventListener(MouseEvent.MOUSE_MOVE, onMove);
function onMove(m:MouseEvent) : void {
var mx:Number = stage.mouseX;
var my:Number = stage.mouseY;
var dx:Number = ( (mx – tempx) > 1) ? 1: -1;
var dy:Number = ( (my – tempy) > 1) ? 1: -1;
tempx = mx;
tempy = my;
if( (mx > 0) && (mx < img.width) ) img.x -= dx;
if( (my > 0) && (my < img.height) ) img.y -= dy;
}

**waverider303** · May 3rd, 2009, 01:06 AM

var dx:Number = ( (mx – tempx) > 1) ? 1: -1;

if( (mx > 0) && (mx < img.width) ) img.x -= dx;

IS this AS3? why does the if statement not have { }. What is the ? for in the statement?

**sebrofm** · May 3rd, 2009, 01:12 AM

yeah it's as3.

in an if statement, you don't need the braces if there is only one line. if i needed to do something else besides just "img.x -= dx" i would have to use braces.

the ? is a conditional operator. it's basically an if/then statement all in one line. it's a little faster, but really just more elegant.

Code:

var dx:Number = ( (mx - tempx) > 1) ? 1: -1;

is equivalent to:

Code:

var dx:Number;
if( (mx-tempx) > 1){
     dx = 1;
}else{
     dx = -1;
}

so really it's just a space saver

**waverider303** · May 3rd, 2009, 01:16 AM

Ok a gave it a try it is moving in the right place. One problem is it only moves to the right it wont come back to the left. Would it be an anchor point problem? I currently have it in the middle.

**sebrofm** · May 3rd, 2009, 01:21 AM

edit: yes it should be anchored at top left

**waverider303** · May 3rd, 2009, 01:22 AM

have you given this math a try?
It only moves towards the bottom right. So the upper lefthand corner is the only part of the stage that will make it move. in the bottom right corners it doesnt move.

**sebrofm** · May 3rd, 2009, 01:24 AM

no my laptop died today

i don't have flash on this computer. is it not working?

**waverider303** · May 3rd, 2009, 01:48 AM

no Dice. It moves pretty smoothly it just moves down and to the right. It doesnt move up or to the left.

**sebrofm** · May 3rd, 2009, 01:56 AM

oh, sorry.

var dx:Number = ( (mx – tempx) > 1) ? 1: -1;
var dy:Number = ( (my – tempy) > 1) ? 1: -1;

should be

var dx:Number = ( (mx – tempx) > 0) ? 1: -1;
var dy:Number = ( (my – tempy) > 0) ? 1: -1;

**waverider303** · May 3rd, 2009, 02:03 AM

Unfortunately its the same. Here is a link to see in real time the demo. Thanks for helping me through this. I bet we will get it working soon!

Link: http://www.csteelmedia.com/flash/test.html