After converting my old Flash Player content to HTML5 Canvas using Adobe Animate, the test film works fine in Animate but the animation is not shown when I publish into .js and .html files and upload them to my website. With the .html file renamed into index.html, nothing at all is seen. With the original .html file name, it looks like this in the web browser:
Index of /
Name Last modified Size Description
|Gogol Animate HTML5 ..>||2021-07-11 12:50||3.0K|
|Gogol Animate HTML5 ..>||2021-07-11 12:50||104K|
So my question is, why is my HTML5 Canvas .fla test file working so well when published as a test film in Animate, but completely illegible once uploaded as .js and .html to my website?
you failed to upload all the files. ie, js and html files are not enough.
to see what you need to upload, create a new directory and save your fla there and then publish. everything in that new folder (except the fla) needs to be uploaded INCLUDING your images folder with the missing atlases.
Thank you for your quick reply. I did as you suggested, and uploaded the images as well from a new directory (missed them earlier on since they on publishing became located in a folder at the bottom of a lot of other files and documents).
So now I can see them too listed like a catalog on my website, but still they are not displayed as images. You can see for yourself on www.gogol.nu.
Like before, if I rename the .html file as index.html, then nothing shows up at all.
you didn't follow my suggestion and you still haven't uploaded the atlases, or at least, they are not in the correct directory.
you should re-read my first message and follow directions. if you think you've done that insert* a screenshot of the contents of the new directory you created and a screenshot of your website files.
Well, although with my limited knowledge of web publishing with Adobe Animate I was not familiar with the term atlas, I can see that the image files in my directory are named atlas.png, as shown below. That may not be sufficient, so I shall be happy to know what atlas files are missing.
Contents of the new directory (in Swedish):
again, upload your images folder with the missing atlases. (and you can delete the atlases in the incorrect directory/folder.) or, on your website, create an images directory and move the atlases to it.
Will reply soon when error message in this conversation disappears
Congratulations, you have made my website www.gogol.nu work! I tried to accomplish this for three months, but did not realize that the images are necessary. The Animate tutorial Create HTML5 Canvas documents in Animate (adobe.com) says that
"The published HTML5 output contains the following files:
The images folder is not mentioned in the tutorial. Thank you indeed for bringing it to my attention.
I could not upload the entire images folder to my website, so I had to upload the atlases one by one, create an images directory and transfer the atlases to it. Furthermore, the .html file was renamed as index.html:
So, a happy ending to my months of effort and frustration. Now, I can continue demonstrating my father´s boardgame on the Internet as I have been doing for so many years using Flash Player. Again, thank you for your help and patience!
p.s. there can be other needed files, too. eg, sound files and video files. checking the developer console of your web browser will tell you why you're seeing problem.s