Skip to main content
Participating Frequently
October 1, 2023
Question

Browser animation doesn't run when adding camera tool

  • October 1, 2023
  • 2 replies
  • 152 views

Dear Animate community,

 

I'm working on an interactive infographic, HTML-5 Canvas. The assets/elements have been imported from Illustrator to my Animate stage and the size is 1280 (W) by 720 (H).

Until now, each time I tested the animation in my Chrome browser, it worked perfectly fine. However, since I added the camera tool, since I need to pan and zoom between different shots, the browser tab opens but doesn't show anything; it's just blank, no animation or whatsoever.

I reckon this has to do something with adding the camera tool in my Animate file...

 

Is there anyone who could help me out with this one; is it something about the settings or is the camera tool even compatible with the browser? 

 

Thanks in advance!

KR,

elvinius

 

    This topic has been closed for replies.

    2 replies

    stoyana57070668
    Participant
    December 17, 2024

    In my case was the same a worrying moment that can make you start the project all over again

    ....I think the problem is as follows: Using masks in the very main timeline and using camera advanced layer in the same time causing this issue and make the canvas not appear/play in the browser!

     

    Try this: If you have masks layers and masked objects in the main timeline to move them in separate MovieClip or Graphic Symbol which have timelines nested in the main one. This resolved the problem in my case..

     

    **suggestion I think it should appear in the output panel as an warning *Animate cc HTML5 Canvas - Avoid using masks in the maintime line!

    kglad
    Community Expert
    Community Expert
    October 1, 2023

    open your developer console and check for errors.

     

    Lesson 1: https://youtu.be/bG05_am-fQI

    Lesson 2: https://youtu.be/H9e9toftvdM