Skip to main content
Inspiring
October 13, 2022
Question

One project with zoom sections

  • October 13, 2022
  • 1 reply
  • 1823 views

Hello!!!

Beginner user here. 🙂

 

I have been watching many tutorials, and I am understanding how to animate objects from one place to another. However, I am looking to build a sort of infographic that the user can click on. 

 

In the infographic, they would be using it as a map to see what level they need so I want buttons that if they click on it, it sends them to a different part on the screen that is zoomed in. They read that, then choose another button which takes them to another part of the screen (zoomed in). 

Is this possible? Has anyone done this before?

This topic has been closed for replies.

1 reply

JoãoCésar17023019
Community Expert
Community Expert
October 13, 2022

Hi.

 

HTML5 Canvas or AS3?

 

Please let us know.

 

Regards,

JC

Inspiring
October 13, 2022

I was  thinking HTML5 cnavas so that I can put it on our website...

kglad
Community Expert
Community Expert
October 13, 2022

each part of the screen that is zoomable should be a movieclip.  then you can zoom each of them using createjs.Tween.

 

eg, 

 

button_info1.addEventListener("click",info1F.bind(this));

function info1F(){

createjs.Tween.get(info1_mc).to({scaleX:3,scaleY:3},500);  // adjust info1_mc's transform point

}