Dynamic pathDataToBezier

[mikel]

Hi,

 

How can I send the planet into a changing orbit in my little universe?

 

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

 

Best regards

Mikel

 

 

[GreenSock]

Since you're constantly changing the path, you'd need to re-parse it and map it on every tick. Here's a fork that shows how you could do that relatively easily in an onUpdate: 

See the Pen 916bf30a49244488bdbd2faad85914d7?editors=0010 by GreenSock (@GreenSock) on CodePen

 

There's technically a way you could do it that'd probably be slightly more efficient CPU-wise, but it'd be more complicated code-wise; let me know if you need that. It'd basically involve getting the starting and ending path data, and then using the progress value to interpolate between those. That way, you'd only have to parse the path data twice and then there'd be a simpler (CPU-wise) calculation for the interpolation. But I doubt anybody would notice much of a difference performance-wise unless you're doing a LOT of simultaneous tweens like this. 

 

Happy tweening!

 

[mikel]

Hi @GreenSock

 

Thanks a lot, Jack.

 

I like the less complicated version very much - just on my level.
In addition, this work is just for fun and learning: hand coded SVGs.

 

I have now tried an alternative 'cover concept'.
 

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

 

 

Best regards

Mikel