Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Objects on layers disappear in Canvas

Participant ,
Oct 08, 2017 Oct 08, 2017

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?

1.7K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 08, 2017 Oct 08, 2017

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Oct 08, 2017 Oct 08, 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Oct 08, 2017 Oct 08, 2017

By 'overlay' I mean superimposed, so that the the object covers part of the image.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Oct 08, 2017 Oct 08, 2017

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Oct 08, 2017 Oct 08, 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?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Oct 08, 2017 Oct 08, 2017
LATEST

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines