smallio

Thanks guys! @PointC I thought @OSUblake would have something, I just couldn't find it.

Hi all, I'm wondering if someone can point me to an example of gsap draggable to connect boxes from points (basically a flow chart). I'm referencing these examples but trying to do it in GSAP. Are there any basic examples on the forum people know of to learn from? The examples below are a bit over my head and I'm looking for something super basic as I'm just starting to learn canvas. Cheers! https://codepen.io/Ni55aN/pen/xzgQYq https://codepen.io/huytd/pen/aREgLG

Very cool mate congrats! I shall do.

Haha cheers Craig, working a lot mate! Setup a few businesses (which I 100% could not have done without learning GSAP - Big love to the team), and now back to really dive deep now I have a bit more time and things are running smoothly Hope you're well mate, how is everything your end?

Awesome, just watched your little video on it. Great work, I've been waiting for GSAP to natively make a smooth scroll library. Have not been on the forums in a few years and super happy to see you guys have finally done it! Going to give this a run now. Also great demonstration, super clear.

I'll try the smooth scroller as well

@Cassie Thanks for the reply! Awesome, I'll try scaling those down. Does GSAP natively kill RAF loops which are not in view? EG are all the scrollers updating and requesting info all the time or are they just doing it upon triggers?

Hi all, I just wondered the best practices when using Scrolltrigger and any smooth scroll library? I appreciate you guys want isolated code examples but due to the nature of this problem being sitewide I can't really do that. I'd really appreciate a bit of insight on how to make scrolling interactions less laggy in general. All I'm really doing is using a bunch of scroll triggers, nothing complicated and under 250 lines of code so really it should not be lagging. I don't need someone to fully audit the code or anything, rather I'd appreciate if someone could just have a quick look in the inspector and see if there's anything standing out that's causing my issues. I've come up with a few things that could be causing the problem. - Image size - RAF triggering too much - Not using dynamic scroll triggers with "for each" etc Here's my site i'm using scrolltrigger x asscroll - https://scrollablegsapdemo.webflow.io/

Ah lord, that was the one I edited & left for later, whoops! Swapped the vars back now lol. Good shout on the normalize though, going to give that a try. Cheers!

Personally I'd convert everything to beizer data using morph SVG & then do something like this. Rinse & repeat for as many "orbits" as you need. pathDataToBezier can convert all of them together in one go as well. Hope it helps

Hi all, Trying to recreate a timeline slider @jesper.landberg made for some constructor practice. Nearly finished, however I can't seem to get the z-index/xPercent right for the back animation. I'm wondering if anyone knows how to keep the transition the same when we go back & keep the slide underneath like when we go forward? Really need to get better with slide logic, for sure my weakest point. Cheers!

let can of worms = opened ?

Superb Jack thank you so much I shall be renewing my membership once I get paid this month. This forum is honestly the best in the world.

Super simple demo here to illustrate the problem. Clicked white box should go to the centre of the screen & the others should fade out. Works the first time until you reverse (click top blue box) & then try to click another white box. What's the best route to fix this? I feel like the problem lies within the stored variable not updating in time or holding on to the wrong info. Cheers!

Haha Ooo great! Lovely way of using eq Thank you!