About

I have a canvas-based web app where there is an animation for custom move via a motion path, and I am having a state management problem with the timeline of the app and the motion path. Basically, one motion path affects another item's motion path, so if I have two items on the canvas moving, changing one's motion path changes the other's motion path. It's a shared state problem rather than the problem of the motion path itself. One thing to note here is that motion paths for single items were perfectly fine. The problem starts with the state management when I add a second item and I apply the motion path on the second item. What's happening is basically it's changing the other item's motion path when I change one of the end points. The key is to not break functionality and solve this timeline-related sync and state management problem. Please check Jitter.video and apply custom move animation over there. It's free to use. This is for you to understand how the motion path should look and feel like when it's applied to multiple items.