Horizontal animation jumps
I've been able to resolve this issue in the past by using rotation: 0.01, using x or y rather than left or top as well as force3d, etc. Can't figure out why this animation seems to jump forward every so often. I'm using this animation setup to allow export to MP4 and even stepping one frame at a time to capture the canvas shows the jerkiness even more. It's not consistent so obviously has to do with browser performance. I just can't figure out what to do to resolve it.
Any ideas? Any
Thanks, Carl. One other thing worth mentioning for anyone else attempting to combine GSAP animations for use in video via FFMPEG is that you should take care to match/force frame rates when combining inputs that result in a composite video output.
Frame rates for videos can vary a good bit, i.e., 25, 30, 29.97, 60, etc. FFMPEG defaults to 25 if you use it to create something from an input that has no FPS metadata. For example, a video from an image.
I was overlaying the M