Basic Animate & Publish 101 Issue

[rad1964rad1964]

I used to use Flash several years ago, although I was "fluent" in ActionScript, I got by with some pretty cool things back then.

Forward to Adobe Animate CC 2018. I work for a company that wants me to dabble with animation for their website and was glad to see that I can now publish to a web page that utilizes HTML 5, which means, I think, that now Safari users and in general Mac users can now see the animations, although now limited to what canvas allows.

Maybe this is the issue I am having although I am not doing anything but simple (in my eyes) animation.

First of all I chose HTML 5 Canvas, have a small document size 550x400 px. changed stage to #CD212D (red) and on my 1st layer I imported a png image of a gear.

I converted the gear to a symbol, gave it a name and copied the frame to frame 10, created a classic motion tween moved the gear on the stage, rotated it, copied frame 10 to 15 and made the gear spin once more while it moved to the lower left corner and became smaller.

This is the part of the animation that does not show up in the published version I push online, however when I test (publish to a browser: chrome) it works as intended, gear and all. copied code to new html file and even pushed the published copy up, to find no gear in the animation.

Then I made text, converted to a symbol, marched it on screen it sat next to the gear, then I broke apart the text sent the letters to their own layer in the timeline, animated those to basically fly away and go down to 0% alpha. Then the remaining 4 letters reformed a new word that then sat next to the gear.

Oh and lastly I learned something new. I created an empty layer and added a keyframe to the end. I then pressed F9 brought up the ActionScript console and typed in: stop(); yet upon publishing it kept looping, took a lot of searching and found the simple solution, I added: this.stop(); and it worked! Must be new.

The published version only shows the text and not the gear. What did I do wrong?

[kglad · Accepted solution]

you need to upload the images folder, in addition, to the html and js files.

the easiest way to see what needs to be uploaded is to save your fla to a new directory and publish to that directory.  every file/folder (except the fla) in that directory needs to be uploaded.