Lottie-ios: Blink when animation loops

Created on 24 Feb 2017  路  16Comments  路  Source: airbnb/lottie-ios

Animation blinks just before looping. If you play this on a loop, there is a green frame displayed between the last and first frames. The green frame is not present in After Effects and the designer has tried multiple revisions.

Any suggestions?

We had a similar animation with only 2 colors and it took the designer 8 iterations to eliminate the blink. No luck with this one so far.

ColorBar.json.zip

Most helpful comment

Should be fixed in Lottie 2.0! If you still have a problem please create a new issue!

All 16 comments

Hi @wtmoose can you attach the AE file?

@wtmoose I just ran it in the test project and did not see a blink. Any suggestions on how to reproduce?

@buba447 thank you for taking a look! Please try this sample project.

Notice the green blip at the end of the orange color bar animation.

ColorBar.zip

colorbar.mov.zip

Hmmm im not seeing it over here. I wonder if its a version thing. I didn't try running on device since theres no lightning cable around me right now.
Are you seeing it on device too?

@wtmoose

Ahhh! I see it on the iOS 6 simulator but not the 7....

But only on the first loop.
Might be a simulator issue. Gonna try it on device soon as i find a lightning cable.

Interesting. I see it on iPhone 7 simulator running Xcode 8.2.1 and on my iPhone 7+ running 10.2.1. It does it on every cycle for me.

Here are some additional results:

Simulator iPhone 7: blinks always
Simulator iPhone 7+: blinks first loop
Device iPhone 7+: blinks always

Here is a recording of my iPhone 7+ device:

ColorBar iPhone 7plus.zip

After looking at this further, I think the inconsistency in Simulator is because it drops frames, which sometimes include the blip.

But the good news is I found a workaround by changing the following values on "Shape Layer 4":

screen shot 2017-02-25 at 12 24 16 pm

I'm going to leave the ticket open since this seems like a bug.

Thanks!

Hmmm. Ill look into this!
Thank you for digging into it!

@wtmoose @buba447 I face the same issue when I use JSON animation with 1 loop, but when extend animation more than 1 loop ( in my case I extend 3 loops like a PinJump) it appear that blinking is gone.

@wtmoose thanks for suggesting a fix. We had a similar issue and auto-replace of ip to 1 all around the source file fixed an issue.

I have the same problem. Changing ip don't work for me. Problem in trimpath

Should be fixed in Lottie 2.0! If you still have a problem please create a new issue!

Was this page helpful?
0 / 5 - 0 ratings