u/Rovax

Image 1 — I added a draw mode and many different export options to my curve animation library
Image 2 — I added a draw mode and many different export options to my curve animation library
Image 3 — I added a draw mode and many different export options to my curve animation library
▲ 16 r/webdev

I added a draw mode and many different export options to my curve animation library

Hey y'all!

About a month ago I posted about Sarmal. I initially planned it as a library to produce animated parametric curves.

Through feedback and my own mockups, I kind of realized that it does not work too well on a smaller scale, so it did not really seem like a good idea to pursue it as an animated "spinner" library that you can place inside a button. So, I would personally say that what this came to be is more a centerpiece loading indicator or just a visual decoration, really.

I ended up adding a draw mode to my Playground page, which you can use to create your custom curve without having to do any parametric calculations!

The first thing I built with it was the Artemis II mission trajectory as a curve, which honestly is rather a crude approximation of something that was built on scientific precision. I will need to revisit that curve :)

I also added many export options, but since I don't really have much of a userbase, I don't honestly know which are actually useful export options or which essential export options I did not even consider adding.

But one cool thing is you can losslessly import back the SVG you exported from draw mode and continue exactly where you left off!


Here are the related links you can check out:

u/Rovax — 7 hours ago