dzestis94

Hey @Rodrigo! Thank you for your response. Yeah I can share my demo: https://codepen.io/dzestis94/pen/MWGxqdv So I have a path which I created with MotionPath helper. Which starts from second section. I'm stuck now for a while and I can't find a way how to track the ball in the center of the screen. Because now on some sections it moves too fast and it disappears from viewport. Ideally I would like to stop the ball before footer, that means always on last section. Also it's not responsive either. On my big screen it's fine, but on my iMac mini pro, the ball leaves the path....

Hi community! So for couple of days I'm trying to find a way how to get it work So I have a path which I created with MotionPath helper. Which starts from second section. I'm stuck now for a while and I can't find a way how to track the ball in the center of the screen. Because now on some sections it moves too fast and it disappears from viewport. Ideally I would like to stop the ball before footer, that means always on last section. Also it's not responsive either. On my big screen it's fine, but on my iMac mini pro, the ball leaves the path.... About mobile I don't even have what to say I would be appreciated for any help or ideas!

Sorry if I couldn't explain it properly. So at the end I decided to have an element which appears from section no.2 and then moves along all the rest of sections through the page on ScrollTrigger by motion path. Ideally opacity 0 would be set at the start and then in a middle of section 2 it changes to 0.5. Is it achievable? And is there any chance to refuse data atrribute for x property?

Let me clarify. So let say I have timeline animation where my element moves from side to side by custom path. But that animation runs only on first section. When I reach second section, animation stops and my element starts trigger by scroll from that point where animation stopped on first section. But motion path which starts from second section will be the same all the time. I hope it make sense now :)

@GreenSock Thank you for this example! This is almost what I want to achieve! One thing, I won't use data-attributes, because I have created dinamically sections with ACF on Wordpress. And here is updated my pen https://codepen.io/dzestis94/pen/gOzELQm with timeline animation which should play only on first section. How I could stop that animation when I reach second section, and start ScrollTrigger from that point where animation stopped, but in the same way have the same path?

Okay, thank you for this example, but by any chance is it possible to set 'end' height which depends of how many sections are on the page? Because I would like to use the same animation on separate pages. And some pages has 10 section and some only 3. So it adds extra blank space below foote...

For some reason my element stops when it reaches second section....

Hi, Can anyone explain how I could move element by custom path coordinates (ScrollTrigger Included) along all the sections of the page until it reaches footer. I can't figure out how to achieve this... For any help or ideas I would be appreciated!

Hey @mvaneijgen ! I still have questions related this topic. So I want to have all the words positioned absolute. But every word will have different postition by Y axis. For example first word will be top 50% (in the middle of screen) second word would be 20% from top. This is what I have so far: https://codepen.io/dzestis94/pen/YzLZKyM. It would be great if the y axis value will not repeat for other words. And I have no idea how to fix this on mobile! Any ideas?

Thank you!

Hi @mvaneijgen Thank you for reply! This is exactly what I need! I just wondered is it possible to run animation randomly for every element. Because now 2, 4, 6, 8 comes from left to right and only after the first element reaches right side then 1,3,5,7,9 elements starts go from right to left. I would like to have first two comes form left to right and then maybe three elements starts from right to left. Ideally it would be great if they start randomly! Thank you!

Does anyone has any suggestions? :)

I updated my question and I added codepen with my progress so far. Another question would be, how I could start animation at the same time for both arrays? For Any help I would be very appreciated!

Hi everyone! I was wonder does anyone know how I could achieve something like this: https://wearecomplexcreative.com/who-we-are/ (why us section). I know that I will need to use ScrollTrigger and Timeline. For any advices, ideas or code snippets I would be very appreciated! UPDATED: I added codepen with my progress so far. One more question appeared, how I could choose between two values. For animation by X axes I use random (-100, 100). But I want to have exact -100 or vice verca. It depends from which side animation starts.