Skip to main content
U
unionjacky1
Participant
October 29, 2017
Answered

Enhanced layers not working when exporting?

  • October 29, 2017
  • 2 replies
  • 2672 views

Hi,

I'm very excited about the new Animate update. I created enhanced layers and added z-depth to them through the new window. When I play the animation in the timeline, the layers move/zoom correctly. But once I export the animation, the enhancements are gone. Everything else works. I am exporting to mov. My OS is Windows 10. I use Animate 18.

Please tell me what I'm doing wrong.

    This topic has been closed for replies.
    Correct answer Colin Holgate

    I wondered about the steps that were given, and so tried turning on advanced layers before pasting the layers, and the animation worked ok. But then I realized what had made it work. As I suspect was the case with Nitin, I happened to make a new HTML5 Canvas FLA, that I pasted into. So I tried again, with AS3, and the problem was still there.

    You can take your original file and do a File/Convert To/HTML5 Canvas, and the new FLA will animate correctly in a browser. If you went on to do an export video, the video is ok too, even though it goes through a making SWF stage, and making SWF from AS3 still shows the problem.

    I found that even converting an animation to frame by frame doesn't solve the problem, which also means it's possible to isolate a single frame of a single layer, to show the problem.

    nitins41702265 , try this zip, it only has a single frame of the bush in its ending position, as AS3 and as HTML5 Canvas:

    http://colin.scienceninja.com/justbush.zip

    Test Movie both of them, and you'll see the bush is in the right place for HTML5 Canvas, and the wrong place for AS3.

    The bush doesn't have any sort of 3D transform on it, in fact the only thing in the scene that does is the river reflection, but the bush test FLA doesn't have that. I haven't yet figured out if there is a way to remove 3D transforms from the entire file, and converting to html5 and back again isn't enough to solve the problem.

    2 replies

    N
    Adobe Employee
    nitins41702265
    Adobe Employee
    November 9, 2017

    We have investigated the issue and found out that the fla file has reached an inconsistent state wrt to viewAngle3D parameter in DomDocument.xml. We are still trying to figure out the reasons for the same and fix it. Did you find the same behavior with another file ?

    Meanwhile we can suggest the following workaround to unblock you:

    1) Create a new fla file.

    2) Change the stage size to the stage size of original file (1920X1080, in this case)

    3) Copy all layers from original file and paste the in new file.

    4) Turn on Advanced Layers

    Thanks,

    Nitin

    U
    unionjacky1Author
    Participant
    November 12, 2017

    I tried this solution, unfortunately these steps don't fix the problem. I made a new file and copied the layers in, turned on the enhanced layers, exported, and the issue persists.

    I made a completely different file with a simple circle that moves towards the viewer through enhanced layers... It works at first, but when I additionally manipulate the scale and translation of the symbol during the tween through keyframes, it stops working correctly. Maybe it's related to that?

    Colin Holgate
    Colin HolgateCorrect answer
    Inspiring
    November 12, 2017

    I wondered about the steps that were given, and so tried turning on advanced layers before pasting the layers, and the animation worked ok. But then I realized what had made it work. As I suspect was the case with Nitin, I happened to make a new HTML5 Canvas FLA, that I pasted into. So I tried again, with AS3, and the problem was still there.

    You can take your original file and do a File/Convert To/HTML5 Canvas, and the new FLA will animate correctly in a browser. If you went on to do an export video, the video is ok too, even though it goes through a making SWF stage, and making SWF from AS3 still shows the problem.

    I found that even converting an animation to frame by frame doesn't solve the problem, which also means it's possible to isolate a single frame of a single layer, to show the problem.

    nitins41702265 , try this zip, it only has a single frame of the bush in its ending position, as AS3 and as HTML5 Canvas:

    http://colin.scienceninja.com/justbush.zip

    Test Movie both of them, and you'll see the bush is in the right place for HTML5 Canvas, and the wrong place for AS3.

    The bush doesn't have any sort of 3D transform on it, in fact the only thing in the scene that does is the river reflection, but the bush test FLA doesn't have that. I haven't yet figured out if there is a way to remove 3D transforms from the entire file, and converting to html5 and back again isn't enough to solve the problem.

    N
    Adobe Employee
    nitins41702265
    Adobe Employee
    October 29, 2017

    Can you please share the fla file. Post it on some file sharing service such as Dropbox and paste the link here.

    Thanks.

    U
    unionjacky1Author
    Participant
    October 29, 2017

    It's here:

    episode3_6.fla - Google Drive

    I'm sorry, it's a very confusing file. If you play the timeline inside the program, everything should work.

    The result is this:

    episode3_6_test_4.mp4 - Google Drive

    As you can see, the bush and the rock should move to the left edge, but instead they move right. They don't zoom either. The cliffs and the tracks also don't zoom.

    Thank you for taking a look.

    Colin Holgate
    Colin Holgate
    Inspiring
    October 29, 2017

    It's a neat animation.

    nitins41702265​ , the easy way to see an example problem is to uncheck include hidden layers in Publish Settings, make all layers invisible, except for the camera, tracks_right folder, and bush. Now scrub the timeline to see where the bush goes, and try in a swf.

    It's almost like the x and y values in the tween are fighting with the advanced layer z changes.

    There's another issue, which may or may not be related, if you hide the tracks_right folder you will get a script error in the Output panel, even though the FLA doesn't contain any script.

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