Adobe Community: Message List - Edge animation doesn't work in Chrome

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Mon, 28 Jul 2014 14:38:52 GMT

Hello Elaine or Adobe Staff, elainefinnell

We are having a problem with an animation in Edge Animate involving transform and clipping.

Basically, the animation is clipped in Chrome when viewing it, while not in other browsers.

There is a known issue when filters are applied to transformed objects - which would then clip in Chrome.

Chrome: Clipping may occur in browser when a transformed element has a filter applied. (3494343)

Would it be possible for you to have a look to the project and tell us if we are doing something wrong.

As there are no filters, it seems whether an additional issue, or a problem with our project.

Thank you for your time and answer,

it would save us time in order not to find a workaround while letting down this specific animation.

Best,

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Thu, 08 May 2014 17:16:27 GMT

Afterwards, did you have the chance to find the solution to this issue?
I am over a similar problem with Chrome. I've created a multiple composition which is not working in Chrome.
Any advice will be very much appreciated!

What's happening eventually is that when when resizing the browse window up above the 698px in height, the backgrounds start to disappear, starting with the sky as this is the first background in depth order, and then it keeps with the same behavior removing the rest of them while you keep resizing the browser window.

Here's the link to the website.: http://www.mvcreatives.com/fellini

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Tue, 30 Apr 2013 00:52:12 GMT

Hi, Angela-

Another thing to note is that Chrome already seems to have some performance problems while animating just the background. I don't know if you've ever played with the Chrome Tools before, but they are really useful for analyzing both memory allocation as well as render issues. I'm guessing the background is already pushing Chrome to where it's having performance problems.

-Elaine

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Tue, 30 Apr 2013 00:37:36 GMT

Elaine,

Thanks so much. I know how busy you are and I appreciate you taking time to help us. We will trim our images and see how that works

Many thanks

Angela

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Tue, 30 Apr 2013 00:31:14 GMT

Hi, Angela-

I took a look at your project, and I suspect what you're doing is hitting Chrome's render stack limitation. There is an incredible amount of transparency in every single one of your images (all of your cyclist's images are 1024x768), and I think if you crop each one of your cyclist's parts to as close as possible, everything will render on Chrome. This becomes much more important on mobile, but given how many moving parts you have in your animation, you're hitting the desktop limitation as well.

We've seen this before in our previews, and I've just unarchived a response that I think will give you a little more understanding as to why this might be happening:

http://forums.adobe.com/thread/1054748?tstart=0

Hope that helps,

-Elaine

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Sat, 27 Apr 2013 21:55:33 GMT

I totally understand, thanks for taking the time to check this out for us

I sent the Dropbox link via private message

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Fri, 26 Apr 2013 21:27:09 GMT

Okay, I didn't get a Dropbox link. Best thing to do is to click on my name and use the "send a private message" to open up a message box, then copy and paste the link into that box for me.

Thanks,

-Elaine

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Fri, 26 Apr 2013 21:25:54 GMT

Hey, Angela-

Sorry about the delay - I've been slammed on all sides. I'll take a look really quickly right now...

-Elaine

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Fri, 26 Apr 2013 17:25:10 GMT

Hi Elaine,

Did you get the link I sent for the Dropbox folder? Please let me know if you weren’t able to access and I’ll find another way to get the files to you

Thanks

Angela

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Mon, 22 Apr 2013 14:15:36 GMT

Hi Elaine,

Were you able to access the zipped folder I uploaded to Dropbox last week?

Thanks for your help

Angela

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Fri, 19 Apr 2013 18:45:20 GMT

I uploaded to Dropbox and sent an invitation to this address:

<jive-985603876-ecwy-2-34iaa@mail.forums.adobe.com>

Hopefully that will work!

Thanks

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Fri, 19 Apr 2013 17:47:09 GMT

Hi, Angela-

You should be able to cut/paste a link and send me a private message via this forum's messaging system.

-Elaine

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Fri, 19 Apr 2013 13:47:39 GMT

Ok. I’ll upload to Dropbox. What is the best address to use when I send you an invitation?

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Thu, 18 Apr 2013 23:41:01 GMT

Hi, Angela-

Your best bet is to upload your project to a service like Adobe SendNow, DropBox, or some similar service, and send me a link via private message. Adobe's mail system blocks ZIP files.

Thanks,

-Elaine

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Thu, 18 Apr 2013 19:43:06 GMT

Hi Elaine,

Would it be possible for you to send me an email to a different address? I am unable to send the zipped folder from this address for some reason, and when I tried to send it to you from my other account I received a failure notice. Perhaps if you send an email to diehlang@yahoo.com I can reply to you and attached the zipped folder.

Thanks so much for your help!

Angela

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Thu, 18 Apr 2013 18:35:11 GMT

Glad you have Elaine to the rescue!

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Thu, 18 Apr 2013 17:47:33 GMT

Ok, thanks. We will get it to you asap. I appreciate all your help!!!!!!

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Thu, 18 Apr 2013 17:43:16 GMT

Hi, diehlang-

It would really help if you could post a ZIP of your entire project, assets included. I definitely see that the background is loading, but is fading in opacity to 0% in the first second of the animation play.

-Elaine

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Thu, 18 Apr 2013 16:54:57 GMT

No, I cannot see the code. I see that the background slides off right away leaving a white background. Strange.

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Thu, 18 Apr 2013 15:41:31 GMT

Thank you. Are you able to see the code in Chrome if you go to “View>Developer>Developer Tools?”

If not, should I send the Edge file?

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Thu, 18 Apr 2013 15:34:38 GMT

Right. The background does not load in Chrome for me. Any chance to see your code?

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Thu, 18 Apr 2013 14:38:15 GMT

Thank you. This plays fine in Safari, loads slowly in Firefox, and doesn’t play correctly at all in Chrome:

http://kwebbillustrations.com/thesis/bike_project3.html

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Thu, 18 Apr 2013 10:58:39 GMT

Yes, you can post your files for us to look at them and see if somthing can be done to make them work in Chrome. If you prefer you can pm me your link.

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Thu, 18 Apr 2013 01:12:54 GMT

Not sure I understand what you mean. Should I send you the files?

Thanks

Re: Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Wed, 17 Apr 2013 19:24:41 GMT

If you have any code for your animation, make sure you use browser specific prefixes like -moz, -webkit, -ms, etc...

Edge animation doesn't work in Chrome

forums_noreply@adobe.com — Wed, 17 Apr 2013 19:19:57 GMT

My Edge animation works fine in Safari, but doesn't work in Chrome and is sluggish in Firefox. It eventually plays in Firefox but appears to be loading slowly then plays but is sluggish. No problems in Safari. How do I go about troubleshooting this problem. It doesn't load half of my assets in Chrome.

Thank you