morph on scroll with background fixed

[isaac74100]

hello everyone I would like to know how is it possible to achieve this type of scroll https://e-durable.ch/
 ... given that there are several different morphs and which changes to scroll 
I did this with the circle and ellipse shapes of our friend Mikel (codeopen) 
but how to implement the different "path d = ...: (" M 300 50 C 329 etc ... ") 
shape quare and shape oval etc ....
please help me

See the Pen by (@) on CodePen

[mikel]

Hey @isaac74100,

 

Welcome to the GreenSock Forum.

 

You could use the IntersectionObserver. I like this tutorial.

 

See the Pen zYxeWqE by mikeK (@mikeK) on CodePen

 

Happy scrolling ...

Mikel

 

[isaac74100]

ok thank you... i try it!! => mikel you're the best😎

[isaac74100]

i downloaded the source code locally and i insert the link but nothing happens is it normal?

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js

https://cdnjs.cloudflare.com/ajax/libs/gsap/3.0.5/gsap.min.js

https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/MorphSVGPlugin3.min.js

 

[mikel]

Hey @isaac74100,

 

You can play with the MorphSVGPlugin on CodePen, but it is for Club GreenSock members only.

 

You are welcome.

Mikel

[GreenSock]

Like @mikel said, that particular MorphSVGPlugin file won't work anywhere except on codepen.io because it's a members-only plugin (https://greensock.com/club). When you sign up for a Club GreenSock membership, you get access to the plugin files that have no restrictions whatsoever. 

 

Happy tweening!

[isaac74100]

ok but if i pourchase the product for a year (59$)...the next year i couldn't use the product?

[ZachSaucier]

Hey Isaac,

 

Purchasing a Club GreenSock membership allows you to build an unlimited number of sites and applications using any Club GreenSock plugins for a year. After that, if you let your membership lapse, you're welcome to continue hosting and using those sites that you built but are not supposed to keep making new projects or edit old ones using Club GreenSock bonuses after your membership lapses. Does that make sense?

 

We're pretty confident that you’ll find that a membership pays for itself very quickly when you consider the time it saves you, the added capabilities, performance, reliability, etc. Typically our customers find that it pays for itself literally in a matter of days (or weeks at the most). But if you’re not happy we’ll gladly issue a full refund. We’re passionate about having happy customers around here. 

[GreenSock]

10 minutes ago, ZachSaucier said:

Purchasing a Club GreenSock membership allows you to build an unlimited number of sites and applications using any Club GreenSock plugins for a year. After that, if you let your membership lapse, you're welcome to continue hosting and using those sites that you built but are not supposed to keep making new projects or edit old ones using Club GreenSock bonuses after your membership lapses. Does that make sense?

Just to clarify, when @ZachSaucier says "any" plugins, he means any that come with your membership.  The "Simply Green" membership only comes with a subset of the plugins. 

 

Also, "Business Green" memberships come with a special commercial license that lets you use the tools in sites/apps/products for which a fee is collected from multiple users. You must keep that GreenSock license active as long as you continue to collect those fees from your users. So when @ZachSaucier says "After that, if you let your membership lapse, you're welcome to continue hosting and using those sites that you built" he's referring to sites/apps/products that don't require that special commercial license. 

 

Our entire business model relies on the honor system. We don’t inject “phone home” scripts and functionality doesn’t suddenly stop upon expiration. Inspect the code for yourself if you’d like to verify (that’s why we provide the raw source code). We treat others the way we’d want to be treated.

 

I hope to see you on the membership roster soon. Happy tweening!