Skip to main content
anthonyr91087089
anthonyr91087089
Inspiring
March 28, 2017
Answered

Publishing an HTML5 Animation to a Live Server [Am I Missing Something?]

  • March 28, 2017
  • 2 replies
  • 619 views

So I am at the point in a long Animated Project utilizing an HTML5 Canvas Animation, and now I want to test it on a live server so that I can wrap it in an IFrame.

So, I figured since it was already outputting and .html file, and there seems to have all the javascript imbedded in that file, that I can just post that on the server, and I get nothing but a background color.

So I posted all the files that it outputs in the same directory, the .html, .jpg, .oam and .svg files - Just in case it needed them to run for some reason, which I'm pretty sure it doesn't. Again, still no output, but a blue background.

Can somebody please let me know what I'm missing, It would be greatly appreciated.

Here's the broken animation for reference, though it probably won't help much:
ScreenTime-Widget

    This topic has been closed for replies.
    Correct answer kglad

    you need to upload your png atlas, http://www.officialnbbaministries.com/widget/images/ScreenTime_Widget_atlas_.png

    2 replies

    C
    ClayUUID
    Legend
    March 28, 2017

    anthonyr91087089  wrote

    So I posted all the files that it outputs in the same directory, the .html, .jpg, .oam and .svg files - Just in case it needed them to run for some reason, which I'm pretty sure it doesn't.

    I'm genuinely curious how you came to believe that Animate would ever output any files that it doesn't need.

    anthonyr91087089
    anthonyr91087089Author
    Inspiring
    March 28, 2017

    I missed the .png file, cause it was in an images folder which I was using to store the the illustrations I created. Didn't realize that it wrote this file to the directory. Didn't even bother to check. Thanks again.

    C
    ClayUUID
    Legend
    March 28, 2017

    Oh dear. See, that's why you should never munge together Animate's work folders with anything else. Keep them separate so you can delete everything in the Animate folder, republish, and know that everything in there is now everything you need. THEN consolidate into a shared images folder for final publish.

    This is important in any Animate canvas workflow, because if you add an image or sound media to an FLA, publish, then delete the media, the exported media file will still be in the publish folder. You have to get rid of it manually.

    kglad
    Community Expert
    kgladCommunity ExpertCorrect answer
    Community Expert
    March 28, 2017

    you need to upload your png atlas, http://www.officialnbbaministries.com/widget/images/ScreenTime_Widget_atlas_.png

    anthonyr91087089
    anthonyr91087089Author
    Inspiring
    March 28, 2017

    That worked perfectly kglad​. Thank you so much.

    kglad
    Community Expert
    kgladCommunity Expert
    Community Expert
    March 28, 2017

    you're welcome.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices