Canvas how to make an animation of lines from array of points?

Question

Canvas how to make an animation of lines from array of points?

Please tell me there is an array of points.
I need to make animation.
How it can be implemented ?
Here is an example of my code:

https://jsfiddle.net/Charlie34/v6r75uoq/2/

hanna.Polli asked April 3rd 20 at 17:17

Related questions

More answers about "Canvas how to make an animation of lines from array of points?"

1 answer

bradley.Kirlin answered on · Accepted Answer · 2020-04-03T17:19:19.104Z

bradley.Kirlin answered on April 3rd 20 at 17:19

Solution

https://jsfiddle.net/jqru7zt6/

Thank you :) - hanna.Polli commented on April 3rd 20 at 17:22

And how you can increase drawing speed? - hanna.Polli commented on April 3rd 20 at 17:25

@Charlie34, add a variable rate and share the steps for it:

let speed = 10
steps = Math.max(Math.abs(dx), Math.abs(dy)) / speed;

- assunta_Roob commented on April 3rd 20 at 17:28

@mark.Klocko67, thank you) - hanna.Polli commented on April 3rd 20 at 17:31