Clone grid elements and infinite translation based on mouse position

[eviljeff]

Hi there,

I am trying to have an infinite grid scroll based on the mouse position. So that when the mouse is close to the edges, the images in the grid repeat and the scroll is infinite. I have created a pen following the thread below but I'm now stuck.

 

Would someone be able to help achieve the infinite loop functionality? Thanks

See the Pen PoemLdj by jeffceriello (@jeffceriello) on CodePen

[GSAP Helper]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

It probably boils down to adding some logic so that when the x/y hits certain thresholds, it shifts the rows/columns so that they get revealed in the direction you're going. Not exactly a simple thing, but doable. 👍

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly.