Skip to main content
Inspiring
October 8, 2017
Question

Objects on layers disappear in Canvas

  • October 8, 2017
  • 3 replies
  • 1816 views

I'm trying to convert a AS3 document to HTML5 Canvas.

I have a symbol containing a bitmap image on a layer.  If I overlay the image with any objects on a layer above, neither the image or objects appear when testing in a browser.  Just a blank screen.  What is going on?  It seems you can't use overlays in Canvas mode? Is there a fix?

    This topic has been closed for replies.

    3 replies

    Legend
    October 8, 2017

    You shouldn't have to do that. The stage is automatically updated every frame by the CreateJS library. Now I'm wondering what you did to break it, and what else might be broken.

    Have you tried checking the browser error console?

    Inspiring
    October 8, 2017

    I continue to have problems and this is what I think might be the problem (HTML5 bug post below).  I'm using duplicates of symbols on layers and apparently they are dropped when compiled.  I'm getting weird results with timeline navigation and objects displaying when they shouldn't and not displaying when they should. Very frustrating as I've already spent many hours trying to solve bugs on stuff that should be very simple. Maybe Animate is broken.

    Animate CC - Nasty HTML5 Bug

    Inspiring
    October 8, 2017

    Problem solved by adding stage.update(); at the bottom of the script.

    kglad
    Community Expert
    Community Expert
    October 8, 2017

    do you mean anything by the word 'overlay' other than placing an object in an higher layer?

    Inspiring
    October 8, 2017

    Thanks.  I was trying to edit my original post for more clarity but was not 'allowed'.  Here is my reworded post.

    I'm trying to convert a AS3 document to HTML5 Canvas.

    I was having no luck navigating to named frames (my triple-checked syntax is correct), and objects not appearing so I decided to recreate the original document one item at a time in a new document hoping to see where it breaks.

    Problem: I have a symbol  bitmap image on a layer. When I copy symbols from the original doc and paste them on a new layer above the image - so that it overlays the image, I get a blank screen when testing.  If I take away the overlaid symbols, the image appears as it should.

    Now if I create a new symbol within the new doc and overlay the image, then it works as it should. 

    I hope I don't have to recreate all new symbols from scratch.