mizzle

Getting this guidance has been really helpful, thank you! I managed something close to what I want (the last CodePen in my original post), but I'm so unfamiliar with GSAP settings that I can't figure out how to synch the line and the image. One always ends up moving past and moving faster than the other. Is there documentation for settings that can be adjusted so I can lock those together better?

I want to "draw" a dashed line down a page on scroll, led by an image. I found this codepen in the forums that has the on-scroll functionality and the image functionality, but it doesn't have the line appearing on scroll: Example This has the desired "drawing" effect led by a graphic that keeps its direction along the path, but the graphic is another path shape instead of an image, it's not on scroll, and the additional zooming-in animations are unnecessary for what I'm looking for: Example I found a non-GSAP codepen for drawing a dashed line on scroll that's similar to what I want, but as far as I can tell there is no way to add an image as the "lead" to the path: Example Is there a way to combine all these things and get the desired result of an image "leading" a dotted path on scroll?