Hi everybody, I need council to solve a question

Question

I want to imitate a navigation in WiX or AdobeMuse with Animate CC 2019 Canvas. I have three topics or three pages (3 rectangles with information: text and images). I have three buttons in top, to go to each topics (1, 2 and 3). If I use code 'gotoAndStop', for example 'gotoAndStop(1)... (20) and (39) having 40 frames in timeline, the topics appear immediately; I need a code to obtain this but in animation form, I need to see the 3 topics scrolling each time that hit a button. For example if the playhead is in '3' and I click on '1', Animate Show moving the three rectangular topics until '1' appear in screen. The idea is that I could clic on any button ('2' for example) and the topics take place with 'topic Two' in center of screen, regardless of where the trio of topics is, in animated form, not instantly. Thanks.

kglad · Answer

that would probably be easier to do with code than with timeline animation, especially if you add more topics/pages.

make each page a movieclip and place each of them in their start position. ie, the position (probably off stage) where they start.

when a button is clicked move the currentpage back to its start position and move the next page to the on-stage position. change the currentpage to the on-stage page.

you can use createjs's tweenjs class to move the pages on and off stage, TweenJS v1.0.0 API Documentation : Tween (createjs.com)

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded