A group's opacity animation blinks/flashes the original state once hits 100% or 0% #159
Labels
bug
Something isn't working
Comments
Frans-L
changed the title
|
This seems to happen also with e.g. Google Chrome when watching a preview from rive.app/community. I would guess that affects all platforms from the web to native mobile apps. I know you @mjtalbot are really busy with all the things. Do you have any rough estimation of when someone could have time to look at this? |
|
Hi @Frans-L thanks for reporting this and apologies for not getting back to you sooner. I'm able to reproduce and we'll investigate. |
rive-engineering
pushed a commit
to rive-app/rive-cpp-legacy
that referenced
this issue
May 11, 2023
When converting floating point opacity values to 8 bit alpha, make sure to not under/overflow 0-255. Fixes rive-app/rive-react-native#159 Diffs= e65175b88 Fix flickering caught in high level runtimes. (#5243)
rive-engineering
pushed a commit
to rive-app/rive-android
that referenced
this issue
May 11, 2023
When converting floating point opacity values to 8 bit alpha, make sure to not under/overflow 0-255. Fixes rive-app/rive-react-native#159 Diffs= e65175b88 Fix flickering caught in high level runtimes. (#5243)
rive-engineering
pushed a commit
to rive-app/rive-sharp
that referenced
this issue
May 11, 2023
When converting floating point opacity values to 8 bit alpha, make sure to not under/overflow 0-255. Fixes rive-app/rive-react-native#159 Diffs= e65175b88 Fix flickering caught in high level runtimes. (#5243)
rive-engineering
pushed a commit
to rive-app/rive-ios
that referenced
this issue
May 11, 2023
When converting floating point opacity values to 8 bit alpha, make sure to not under/overflow 0-255. Fixes rive-app/rive-react-native#159 Diffs= e65175b88 Fix flickering caught in high level runtimes. (#5243)
|
Sorry about this, not yet resolved. We will need to wait for the fix to land on iOS + Android, then we can propagate it down to RN. But the underlying issue in the rendering is solved. |
|
Sorry for the delay in getting back here, @Frans-L! This should be fixed in |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Description
Group's opacity animations aren't working correctly if the animations go from 0 to 100. Once it hits 100, it blinks the original state for one frame. The blinking doesn't happen if the animation goes from e.g. 0-99. This also happens if the animation goes from 100 to 0.
This happens at least with iOS devices (iPhone 12, iOS 16) & emulators. I haven't tried with Android. Using the latest Rive version (#149) didn't solve the issue.
The blinking is noticeable especially when trying to create complicated animations with many groups.
Provide a Repro
Minimal reproducible demo: A group whose opacity transition from 0 to 100, while the child of the group is animated to move down.
https://rive.app/community/4584-9302-bug-flas
Video
1 frame blinking happens right after the moving red bar hits opacity level 100. So it happens at the beginning of the video. It's easier to see when playing it at 0.25 playback speed. (Github's video player might skip 1 frame to play it smoothly. I recommend downloading the video offline to see the blinking.)
bug.mp4
Versions
Node: 16
React-Native: 0.70
xCode: 14.2
The text was updated successfully, but these errors were encountered: