[Paper Js animate segment points]

Hi,

 

I was wondering if there was a better way of animating Paper Js segment points with GSAP? I managed to create a working simple demo of what should happen but I feel this may not be the most elegant solution. Would love to learn how to do it better.

 

The animation idea:
the blob wobbles all the time and when you scroll its stretches out and the other end will follow with a small delay + with an easing of "elastic".

See CodePen for demo solution + code. 

http://paperjs.org/reference/global/

See the Pen VwzdeMP by Pullapooh (@Pullapooh) on CodePen

[ScrollTrigger & Locomotive Scroll - horizontal]

@akapowl That worked great and solved the problem. I didn’t know that ScrollTrigger accepted a horizontal: true parameter! Thanks

 

I was just wondering how would I fix the ScrollTrigger triggers if ScrollTrigger/GSAP handles the horizontal scrolling? + Is there any reason for using one method before the other? Is one method more performant for example?

Made a new demo on CodePen where ScrollTrigger/GSAP handles the horizontal scrolling:  

See the Pen vYyRZod by Pullapooh (@Pullapooh) on CodePen

[ScrollTrigger & Locomotive Scroll - horizontal]

Hi,

I was wondering how do I implement GSAP ScrollTrigger into a Locomotive Scroll that has the direction set to horizontal? Is this even possible or do I need to implement horizontal scrolling with GSAP? like in this demo (https://codepen.io/cameronknight/pen/qBNvrRQ)

The CodePen preview isn’t working correctly. Here is the direct link to the pen: https://codepen.io/Pullapooh/pen/VwmMRJR
 

See the Pen VwmMRJR by Pullapooh (@Pullapooh) on CodePen