Zoom In/Out Button

[kailag34071551]

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!

[kglad]

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

[kailag34071551]

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

[kglad · Accepted solution]

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;

}

}

[kailag34071551]

You are quick. I created a movie clip named "zoom". These error messages came up. Not sure what I am doing wrong. I do appreciate your patience as I am new to coding/animate.

[kglad]

you need objects with those instance names.

[kailag34071551]

I added each of those instance names to its corresponding movie clip but they are not "clickable" when I test the movie :[

[kglad]

movieclip are you zooming?

[kailag34071551]

I got it to work! Thanks so much for your help!

[kglad]

you're welcome.

[nestorjrmolina]

How is the HTML5 Canvas form?

[kglad]

there is no dedicated html5/canvas forum.  currently, this forum is the closest.

[RandomlyFish]

Are you using Actionscript 3.0 or HTML5 Canvas?

[kailag34071551]

ActionScrip 3.0