threejs camera position animation through a guided loop with scrollTrigger? Please refer the attached website

[Shaheer]

Hi guys,

 

I'm seeking your help and thoughts on the below attached website, I'm trying to achieve a guided scrollTrigger animation on the camera position in threejs scene, it need to be working like a loop. To go through particular objects in the threejs scene and at last it should come to the first position, like a circular guided motion path. Based on the camera.position values Im able to go through each position based on the button click. But I want to achieve the same through scroll event. When a user starts wheeling the scrollbar the camera should move in a guided path and it should reach the initial position when all other animations in the series are completed.

 

Please refer this website for your reference.

https://www.magische-spiegelungen.de/

 

Any ideas guys??

 

Thanks,

Shaheer

[Cassie]

Hi Shaheer. Welcome to the GSAP forums.

 

As we state in the forum guidelines we don't have capacity to investigate, recreate or explain how to create custom effects found on other websites.

We are more than happy to answer GSAP-specific questions though. So if you give this effect a go yourself and get stuck in the process, feel free to post a minimal demo here and we'll give you some advice on how to get closer to your goal.

 

If you're just after a community to throw ideas around in and chat to other likeminded devs - this is a nice friendly discord