Some sample code that demonstrates how you can transition between the dots you generate with Coördinator.
The guts of the code comes from Peter Beshai's excellent tutorial on animating dots, where I first learned how to do dot animation. Thank you Peter! https://bocoup.com/blog/smoothly-animate-thousands-of-points-with-html5-canvas-and-d3
If you generate different coordinates on Coördinator, you should just be able to replace the coordinates.json
file with your coordinates and see the transitions. This example only handles examples where each of your shapes has the same number of coordinates, but could be easily altered to handle a discrepency. It also cycles through different eases.
nice work alisa
going to use this in my next project
i also used your coordinator to convert my image to dots that i used to draw on a paper using servo motors. thanks