Dashed line with infinite loop, code correct?

[coenhallie]

Hi!

 

I wanted to create a dashed line with an infinite loop, I finally have the result I wanted with just a few lines of code (took a few hours to understand the relationship between the code elements as I have no experience with JS at all). Before I implement it into my website I would like to know if I did it correctly. 

 

Thanks for checking out my code!

 

 

Here is my CodePen: 

 

 

Cheers,

 

Coen

See the Pen EZaRyp by coenhallie (@coenhallie) on CodePen

[Carl]

Thanks for sharing. Although its not a lot of code, its definitely a clever effect and very cool even for people with some prior JS experience.

 

Since you are are a Club member be sure to check out DrawSVG: https://greensock.com/drawSVG

 

It wasn't designed to move dashes around like that, but I suspect you will find something fun to do with it

[PointC]

Hi coenhallie 

 

Welcome to the GreenSock forums.

 

That looks right to me. Good job.

 

Since you're a Club member you also have access to all the cool plugins like drawSVG for stroke animations too.

 

Happy tweening and welcome aboard.

[PointC]

Geez - I have to type faster. 

[Carl]

Geez - I have to type faster. 

 

Perhaps reading my mind while you type is slowing you down? 

 

[coenhallie]

Awesome! It's motivating to hear both of you guys like the code!

 

Thank you both for reviewing the code and for your quick response

 

 

Cheers,

 

Coen