Help to pathDataToBezier

[kosmo]

Hi GSAP community!

A huge thank you because thanks to you we can do something beautiful!
For the needs of my future company that I am develloper I need to do a scroll action like this example> https://codepen.io/GreenSock/pen/GopRwQ

I get there very well except that I wish

1. Have my line continue in draw svg until the end (scene with scrollmagic)
2. Stop the blue circle at a certain position while element 1 continues to end. (scene with scrollmagic too)

I can not stop my tween blue...

Can you help me ?

thank you in advance

See the Pen EGzRZo by dngraphisme (@dngraphisme) on CodePen

[mikel]

Hi @kosmo,

Welcome to the GreenSock Forum.

 

I'm not sure if I understood you correctly.

 

So my interpretation. You need an open path, an open circle.
The endpoints can be on top of each other.

Here is the dry version without scroll action:

 

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

 

For all friendship: Your code looks a little bit weird.
Study the docs and build up piece by piece.

 

Good luck and happy tweening ...

Mikel

 

 

[kosmo]

20 minutes ago, mikel said:

Hi @kosmo,

Welcome to the GreenSock Forum.

 

I'm not sure if I understood you correctly.

 

So my interpretation. You need an open path, an open circle.
The endpoints can be on top of each other.

Here is the dry version without scroll action:

 

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

 

For all friendship: Your code looks a little bit weird.
Study the docs and build up piece by piece.

 

Good luck and happy tweening ...

Mikel

 

 

Hi @Mikel,

actually I learn at the same time that I code, there are things that I still miss in the construction with timelinemax.

Thank you for your help and your speed, I will look at this.