Hi!
I create some demo with image source.
I'm trying to make pinned image sequence on GSAP 3. Reference: https://store.google.com/us/product/nest_doorbell_battery?hl=en-US#gq-overview-chap-intro-3
I've found some example but they are implemented on canvas and they user sprite. I dont need to use sprite.
Example №1: https://codepen.io/osublake/pen/KKzgqKr
Example №2: https://codepen.io/osublake/pen/2152a28cffe2c2c0cca8a3e47f7b21c6
I need other way. I know that's not GSAP product but I want to implement same thing Like ScrollMagic + gsap image sequence https://scrollmagic.io/examples/expert/image_sequence.htmlhttps://scrollmagic.io/examples/expert/image_sequence.html
I cant figute it out, how to make it on gsap 3 only.
Additional question: what's difference between canvas method or simply div with img source? Is canvas better for page speed optimization?