Highlighted

Need help update from SWF files to HTML files

Community Beginner ,
Sep 05, 2020

Copy link to clipboard

Copied

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!!

Views

106

Likes

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

Need help update from SWF files to HTML files

Community Beginner ,
Sep 05, 2020

Copy link to clipboard

Copied

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!!

Views

107

Likes

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
Sep 05, 2020 0
Adobe Community Professional ,
Sep 05, 2020

Copy link to clipboard

Copied

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.

image.pngimage.png

image.png

 

I edited your file and uploaded it here:

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

 

I hope this helps.

 

Regards,

JC

 

__________________________________________
HTML5, JSFL, and AS3 samples: http://bit.ly/2mJgDoG

Likes

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
Reply
Loading...
Sep 05, 2020 0
Community Beginner ,
Sep 10, 2020

Copy link to clipboard

Copied

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!

Likes

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
Reply
Loading...
Sep 10, 2020 1
Adobe Community Professional ,
Sep 10, 2020

Copy link to clipboard

Copied

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;

- 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.

 

adobe_animate_html5_content_to_netlify.gif

 

Please let us know if you still need help.

 

Regards,

JC

__________________________________________
HTML5, JSFL, and AS3 samples: http://bit.ly/2mJgDoG

Likes

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
Reply
Loading...
Sep 10, 2020 0
Community Beginner ,
Sep 11, 2020

Copy link to clipboard

Copied

I may still need some help, since I've now got a netify acount, and also a github account and I followed the instuctions but lead me to page not found on both my attempts.
https://www.dropbox.com/s/9dhg48uv4txp11f/Netify.png?dl=0

First time trying this app stuff haha!

Likes

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
Reply
Loading...
Sep 11, 2020 0
Adobe Community Professional ,
Sep 11, 2020

Copy link to clipboard

Copied

Hi.

 

You're almost there! Great!

 

Are you dragging the files themselves or the folder containing the files?

 

You must drag the folder containing the files.

 

Please let me know.

__________________________________________
HTML5, JSFL, and AS3 samples: http://bit.ly/2mJgDoG

Likes

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
Reply
Loading...
Sep 11, 2020 0
Community Beginner ,
Sep 11, 2020

Copy link to clipboard

Copied

I am indeed draggon the whole folder, not just 1 file at a time! As the good tutorial showed! c:

Likes

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
Reply
Loading...
Sep 11, 2020 0
Adobe Community Professional ,
Sep 11, 2020

Copy link to clipboard

Copied

xD

 

What I mean is if you're dragging the folder icon or if you're selecting multiple files and dragging them.

 

You have to put all of your files in a folder, go outside this folder and drag the folder itself by grabbing its icon.

__________________________________________
HTML5, JSFL, and AS3 samples: http://bit.ly/2mJgDoG

Likes

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
Reply
Loading...
Sep 11, 2020 0
AniArt LATEST
Community Beginner ,
Sep 11, 2020

Copy link to clipboard

Copied

Ohhh yes dragging whole folders, these where my 2 attemps i dragged and dropped
https://www.dropbox.com/s/p2jelubbs47dyoq/Netify2.png?dl=0

Just showed what was in my files incase i messed up there!
https://www.dropbox.com/s/9dhg48uv4txp11f/Netify.png?dl=0

Likes

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
Reply
Loading...
Sep 11, 2020 0