First off - i'm so sorry. I've got the Business Green membership because the dev that I partner with loves GSAP. However, he's been taken sick suddenly and i need to pick up some front end requirements. I'm just a graphic designer with a little front end awareness so if i'm asking real noob stuff, feel free to tell me to go away.
We're trying to reveal a number of images on scroll, using drawSVG as a mask. An example of what i'm trying to achieve is here: https://groupeafn.com/en/, where the path reveals the image. I've kinda guessed that we'll need a mix of drawSVG, scrolltrigger and interaction observers.
I can see how we can use DrawSVG to to reveal an image here: https://codepen.io/PointC/pen/PdOeaN
And I can see that interaction observer w/ scrolltrigger has been used here to trigger on drawSVG scroll: https://codepen.io/PointC/pen/aLxJbZ
Am I barking up the wrong tree trying to combine the two? What's the best approach to achieve this?