Published files not displayed on my website

[defaultux8s527jmt79]

Hello,

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
	cgi-bin/	2018-08-10 12:39	-
	gogol.nu/	2018-10-10 11:38	-

The web hotel host claims that JavaScript files are supported in his web hotel, but points to a number of errors on the console of the website www.gogol.nu.

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?

Best regards,

Michael Levay

[kglad]

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.

[defaultux8s527jmt79]

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.

[kglad]

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.

*

[defaultux8s527jmt79]

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):

Images folder:

Website files:

[kglad]

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.

[defaultux8s527jmt79]

Will reply soon when error message in this conversation disappears

[defaultux8s527jmt79]

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:

HTML file:Contains definitions for all shapes, objects, and artwork within the Canvas element. It also invokes the CreateJS namespace to convert Animate to HTML5 and the corresponding JavaScript file that contains interactive elements. 

JavaScript file:

Contains dedicated definitions and code for all interactive elements of the animation. Also defined within the JavaScript file are, code for all types of tweens."

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!

With gratitude

Michael Levay

Stockholm, Sweden

[kglad]

you're welcome.

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