Participating Frequently

Answered

Zoom In/Out Button

Forum|Forum|8 years ago
August 25, 2017
2 replies
3799 views

I am an inexperienced Flash/Animate user trying to figure out how to create buttons where a user can zoom in and out. It would be just like a zoom in button and zoom out button on google maps. If anyone knows how to make this happen please help, I would greatly appreciate any insight. A panning function would also be preferable, also like on google maps.

Thank you!

This topic has been closed for replies.

Correct answer kglad

var mc_to_zoom:MovieClip = this; // <-or whatever movieclip you want to zoom

zoom_in.addEventListener(MouseEvent.CLICK,zoomF);

zoom_out.addEventListener(MouseEvent.CLICK,zoomF);

function zoomF(e:MouseEvent):void{

if(e.currentTarget.name.indexOf('in')>-1){

mc_to_zoom.scaleX+=.3; // or whatever zoom factor

mc_to_zoom.scaleY+=.3;

} else {

mc_to_zoom.scaleX-=.3;

mc_to_zoom.scaleY-=.3;

}

}

Inspiring

Are you using Actionscript 3.0 or HTML5 Canvas?

kailag34071551Author

Participating Frequently

ActionScrip 3.0

Community Expert

Community Expert

you can use the scaleX and scaleY properties of you main timeline/movieclip (if you're using actionscript).

kailag34071551Author

Participating Frequently

Thank you for that insight. Do you know the coding language I would use for this?

Community Expert

Correct answer

Community Expert

var mc_to_zoom:MovieClip = this; // <-or whatever movieclip you want to zoom

zoom_in.addEventListener(MouseEvent.CLICK,zoomF);

zoom_out.addEventListener(MouseEvent.CLICK,zoomF);

function zoomF(e:MouseEvent):void{

if(e.currentTarget.name.indexOf('in')>-1){

mc_to_zoom.scaleX+=.3; // or whatever zoom factor

mc_to_zoom.scaleY+=.3;

} else {

mc_to_zoom.scaleX-=.3;

mc_to_zoom.scaleY-=.3;

}

}