bhiler

@OSUblake that all makes sense I am not sure if I was clear enough on the last post. But your response cleared up most of the issues I was having. I have a working prototype now that I am happy with, I am creating the path with code on load so it creates a appropriate path each load, but run into issues with window resizing. I added a line update when the window resizes but the animation does not update to the new size. I am assuming I need to use the "invalidateOnRefresh: true" in the correct way to solve this issues. I found some of other post about responsiveness inside the animations but still running into issues. https://codepen.io/ben-hiler/pen/dyvqomN

@Cassie I will play with the translate on scroll but with responsive sizes at 800% but was trying to keep with the camera clamp method to leave the object in the center of the screen at all times.

Been trying to get to solution based off the pens provided but running into two issued. The follow motion of the bee is going from the last point to the first point instead of following the svg line in order. Is causing me a issue when it comes to doing a DrawSVG on the line behind the bee. I can reverse the line to make the Bee travel the desired direction, but then the drawSVG will not work trailing the bee. I can get the svg line to scale to be the correct size but the path does not scale accordingly so my Bee does not track on the svg line. I was trying to search the forms and docs for a solution, but did not have luck doing a reverse() with the clamping. https://codepen.io/ben-hiler/pen/YzZQEjd

I think that functionality would work but how would I still use the scrollTrigger to move the "viewport" position when the body view is changing with the scroll?

I have been working with scrollTrigger to achieve a project that needs to have a horizontal scroll concept. I have used the gsap (horizontal scroll sections) example to try this functionality and it works but moves quicker than needed and will quickly move past design elements. The issue I am running into is I need my motion path to translate off screen along the -x axis as the same value as the my scrollTop. I cant quiet get the functionality to work. In the codepen I have the tractor following the motionpath svg and I am translating the line on the -x to try to compensate for the scroll. But I am loosing the tractor in the frame, it will start in frame and end but cannot see it throughout the animation.