Hello all,
Here is a codepen for my demo - https://codepen.io/Mark-Broomell/pen/mdavYPm
Those red squares represent lottie animations which actually, for once, aren't the problem. They travel around a path using motionPath that is essentially a rounded trapezoid. I am trying to create an illusion of depth: when the box gets to the far right on the bottom row and starts moving up, I want it to begin scaling down to 75% and reach that size when it begins travelling left at the top.
My other efforts to this were extremely non-performant, involving checking absolute path locations inside of onUpdate which just battered the main thread.
How would you all do this? Thanks so much!