Coördinator VS SVG Artista

Cheers. Umm I can try haha (apologies I'm not very smart) basically I traced over an animation using inkscape and exported each frame as an svg, using https://spotify.github.io/coordinator/ I then get get the xy coordinates of the svg and run macros to add the extra code so it is a compatible Json file with the program http://bummsn.de/osc_txt/. This then turns the image into sound :). Source: about 1 year ago

Thanks man :) https://spotify.github.io/coordinator/ I used to manually draw using the oscilloscope graphics editor but found this plots all the x y coordinates of an svg file. Source: about 1 year ago

Upload the svg file to this website (massive credit to Aliza Aufrichtig who made it), this website will put out equally spaced dots on the curve and you can take out the x,y coordinates. Source: almost 2 years ago

Used this website to get equally spaced coordinates in order. Source: about 2 years ago

So after watching the video about Fourier series, I decided to try to make one myself, from scratch. So I drew an svg image in photopea of the Utah Teapot, found 100 regular points using This Amazing Website and chucked it all into an excel spreadsheet to find the coefficients. I then went on to steal adapt some Desmos code to draw the teapot. Worthwhile I think. Source: almost 3 years ago

I agree, you could try: Https://rive.app/ Https://svgartista.net/. Source: almost 2 years ago

I have 2 SVG files that I want animated and turned into a GIF, the site https://svgartista.net/ doesn't allow exporting as SVG. It's a shame because this is doing exactly what I need. I tried svgator but that could not open up my SVG files on that site, which is annoying. But yeah, anyway I have these two SVG files and I need them turned into gifs, so if you can help, I'll pay $20 for both. Thanks so much. Source: about 2 years ago

This could be done in css, but it's pretty complex. You would probably use custom animations with keyframes. Animation of logo looks like svg animation where you are somehow animating path. Look for svg animation example here: https://svgartista.net/. Source: about 2 years ago

After editing and importing your frame as SVG, you now need to animate it. For basic animations, you can either use svgartista or svgator. If you want your own custom animations you can do it by using @keyframes in CSS. - Source: dev.to / over 2 years ago