Skip to main content
AniArt
New Participant
September 5, 2020
Question

Need help update from SWF files to HTML files

  • September 5, 2020
  • 1 reply
  • 1761 views

I've been having trouble on adobe animate, getting a HTML file to be playable online.

It's a comic, with next and back buttons.
In a canvas file, I can press test Movie In Browser and it'd work would load and have button I can press.

Where as when published the file, is not interactive.

This comics that was in SWF files

Adobe animate .fla file linked below, could someone help me with the the transition from SWF files to html ones?
https://www.dropbox.com/s/5gwq9fp1356rk75/Animatics%20adobe%20animate.fla?dl=0


Thanks so much for reading!!

    This topic has been closed for replies.

    1 reply

    JoãoCésar17023019
    Community Expert
    September 5, 2020

    Hi.

     

    Because of browser's security restrictions, you need to run your content from a local or remote/online server.

     

    The Phaser framework offcial website has a pretty nice article about it:

    https://phaser.io/tutorials/getting-started-phaser3

     

    If you really need to run your content locally without a server, you're gonna need to use a vector shape turned into a Graphic or Movie Clip symbol in the Hit frame of your button and then go to the Publish Settings (Cmd/Ctrl + Shift + F12) and set this symbol to not be exported as a bitmap.

     

    I edited your file and uploaded it here:

    https://drive.google.com/file/d/1qnOp9TFCw41xj7cvAQUjqce2Fso9ROR5/view?usp=sharing

     

    I hope this helps.

     

    Regards,

    JC

     

    AniArt
    AniArtAuthor
    New Participant
    September 10, 2020

    Thanks! Thanks so much for helping!

    Been on that Phaser site and tried to work out how servers actually work, how to code.
    But after many days of trying it just brings me to the truth that I'm just not a coder at all!

    So thanks for helping, but i think i may just have to rely on havin a dropbox account to submit my comic pages!

    JoãoCésar17023019
    Community Expert
    September 10, 2020

    You're welcome!

     

    Have you tried Netlify? It takes literally seconds to deploy a website to there. All you have to do is:

    - Go to netlify.com;

    - Create and account and/or login;

    - Put all your content generated in Animate (.html, .js, images, videos, and so on) in a single folder called whatever you want;

    - Make sure you .html is called index.html;

    - Go to the sites page of Netlify - the page that we are sent to after the login;

    - Click on the Sites tab/link;

    - Drag and drop the folder that contains the output generated by Animate (.html, .js, and so on) onto the page above;

    - Wait a few seconds or minutes;

    - Open the link generated by Netlify at the top;

    - Done. Your content can be visited by everyone in the world like any other website and those security issues shouldn't happen anymore.

     

     

    Please let us know if you still need help.

     

    Regards,

    JC