SeventySeven

Hello! First of all, thanks for all the tips. The sandbox i created just worked pretty fine, but when I scaled to my project things went bit different. I tried to replicate that logic, and to be honest everything seems to work just fine. Anyway, when i load the project simulating slow network connection, scrolltriggers that are located inside components are not firing at all. If I load the webpage just normally it works fine. Can this be an issue related with the topic we were talking about?

I migrated the project to a react context, and now it works propperly. I'm not sure that this is the way to do it, since i have gsap animations outside the gsap context. https://codesandbox.io/s/mmigration-to-react-obz8x6?file=/src/Domcreate.jsx How should i call a gsap animation for a ref that is inside another component? Like for example, how would be the propper way to call that gsap function inside the Model.jsx? Thanks a lot for your responses and your time!

Thanks Rodrigo. I already tried to use gsap context but couldn't make it work. The project im building is more complex than what i showed in the sandbox. I tried to create a minimal demo that was throwing the error im finding. I've already built a whole dom structure that is working with gsap scrolltrigger + scrollsmoother with HTML elements and a script.js file. (Same as the two objects I created in the sandbox) Now, im trying to build an R3F project in the top of that, but i can't really sync the animations. I'm basically only using react (r3f) to build the 3D part. ¿Any clue about how to achive that? Thanks again.

Hello everybody. Im trying to develop something that involves R3F and some GSAP plugins. I've made a codesandbox that maybe helps people to understand and help me out. https://codesandbox.io/s/r3f-scrollsmoother-scrolltrigger-lidew2 I would like the model to have the scrolltrigger animation synced with the SmoothScroll behaviour. While doing the sandbox I first tried with a basic geometry and it worked just fine. Right now, model rotates based on window position instead of scroll position, so both animations are not synced. I tried to use the "scroller" option inside scrollTrigger but it doesn't work on my setup. Maybe is something not related with gsap at all, but if someone could help me out a bit I would appreciate it very much. Thanks a lot!