Having more than one component causes buggy animation

#1

Principle Version: 5.12
macOS Version: 10.14.6

Description of what you need help with:
This has been going on for as long as I’ve been using Principle (quite some time now). Whenever I have more than one component executing a looping animation (blinking cursor, time stamp countdowns, pulsating circle, etc), the animations seem accelerated or to be skipping frames… it’s hard to tell. When I enter the into the components and check out the preview, they animate as expected. Am I missing something or doing something wrong?

Steps to reproduce the behavior:

  1. Create two components that have a looping animation
  2. Watch in preview

Principle file: https://www.dropbox.com/s/at20hhtvfws42id/Circle%20bounce%20test.prd?dl=0

0 Likes

#2

I have never had this issue. I took a look at your file, and while you have multiple transition properties (Default, Ease Out, different durations) in your component, the cause is the duplicated component with different opacities.

If you separate them out on the y axis, you’ll see they’re behaving as expected (like viewing the component directly). It’s the combination of the two, as the various shape sizes interact with each other in such a random pattern.

0 Likes