• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
1

Am I able to create interactive infographics using Animate?

Explorer ,
Aug 14, 2018 Aug 14, 2018

Copy link to clipboard

Copied

I want to make infographics/flowcharts like these.

https://www.bustle.com/flowcharts

https://lemonly.com/marriott/family-fun-in-scottsdale/

I am having so much trouble finding much else like this online. Am I able to do something like this using Adobe Animate?

Views

753

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Aug 14, 2018 Aug 14, 2018

Hi.

Sure it's possible.

Working with a HTML5 (Canvas) document, you can create all the workflow and animations with the main timeline, tweens, symbols, and components and then code the interactivity with JavaScript.

You can, for example, create frame labels and stop actions for each question or decision the user has to answer or make in the main timeline like this:

Frame 0

- Label: "start"

- JavaScript: this.stop();

Frame 120

- Label: "intro"

- JavaScript: this.stop();

Frame 360

- Label: "question0"

- JavaS

...

Votes

Translate

Translate
Community Expert ,
Aug 14, 2018 Aug 14, 2018

Copy link to clipboard

Copied

Hi.

Sure it's possible.

Working with a HTML5 (Canvas) document, you can create all the workflow and animations with the main timeline, tweens, symbols, and components and then code the interactivity with JavaScript.

You can, for example, create frame labels and stop actions for each question or decision the user has to answer or make in the main timeline like this:

Frame 0

- Label: "start"

- JavaScript: this.stop();

Frame 120

- Label: "intro"

- JavaScript: this.stop();

Frame 360

- Label: "question0"

- JavaScript: this.stop();

And so on.

Then you can create buttons that send the user to the next label, like this:

this.navigate = function(label)

{

    exportRoot.gotoAndPlay(label);

};

this.navButton.on("click", function(){exportRoot.navigate("intro");});

Also don't forget to check the online docs for help.

Basic terms and tasks with visual dictionary in Animate CC

Please let us know if you have any further questions.

Regards,

JC

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Jan 23, 2021 Jan 23, 2021

Copy link to clipboard

Copied

LATEST

can I use animate with C#? or just javascript? 

is it possible to export the adobe animate animations to a c# development environment? and use with XAML? 

i`m learning web/app dev with blazor and web assembly.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines