Skip to main content
HannaB
HannaB
Inspiring
April 22, 2019
Answered

Convert Flash to html5 — tutorial not helpful

  • April 22, 2019
  • 1 reply
  • 2110 views

Is it just me who can't follow the steps provided in Adobe's tutorial for how to convert Flash to html5?

This tutorial: Convert Flash Ads to HTML5 |

In the video itself the application icon up top left clearly says "Fl"  so I assume they show the tutorial steps within Flash, not Animate.

  1. Open your Flash file in Animate and click Command > Convert To Other Document Formats.
  2. Choose HTML Canvas and click OK.
  3. Change Actions script by clicking Code Snippets.
  4. Convert vectors to bitmaps by right clicking and choosing Convert To Bitmap.
  5. Check Export all bitmaps as Spritesheets and check Convert text to outlines, then click OK to Publish

However, the steps provided does not work in Animate as the menu references at 1. are not available in Animate.

How do I find the simplest possible way to convert my fla animations to html5 so they can continue play after Flash is gone?

Help!

This topic has been closed for replies.
Correct answer JoãoCésar17023019

Thank you JC,

what's the best way to test if the animation works after conversion? I did one but it auto played on load, which isn't desirable. Original animation has a play button that starts the clip.


You test with Control > Test like you would normally do with AS3 documents.

The reason your animation isn't stopping is because you probably had an AS3 stop instruction in your main timeline but the convertion process comments out all code in the new FLA.

But converting the stop method won't be hard.

Just write

this.stop();

instead of only

stop();

For the button, one possible scenario would be:

myButton.addEventListener("click", start); // 'start' will be the function that will be called when the button is clicked

instead of:

myButton.addEventListener(MouseEvent.CLICK, start);

Please let us know if this helps you.

1 reply

JoãoCésar17023019
Community Expert
JoãoCésar17023019Community Expert
Community Expert
April 22, 2019

Hi.

The first step is now under File > Convert To in the newest releases of Adobe Animate.

But this will only convert the graphics/structure of your project.

All the coding will have to be recreated manually in JavaScript from scratch.

Regards,

JC

HannaB
HannaBAuthor
Inspiring
April 22, 2019

Hi JC,

I tried that but that only lets me create another .fla file. Not html5. Not sure if that matters though, does it? I just don't want the animations I have to stop working when Flash is gone.

Any good tips on where to look for recreate JavaScript? I am no programmer so this is something I need guidance with.

Thank you!

Hanna

JoãoCésar17023019
Community Expert
JoãoCésar17023019Community Expert
Community Expert
April 22, 2019

Yeah. It's going to create another FLA file but in HTML5 Canvas mode.

If you only have raw timeline animations, then you should be up and running. What you may need to do that doesn't involve coding is to remove filters, radial gradients, and other stuff that may cause browser compatibility issues.

But if you really need to rewrite the code, the comment in this thread that starts with "Excellent!" has some tips and references:

Re: Keep button state

Regards,

JC

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices