Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Svgasm – SVG animation from single GIF using tracer

github.com

Post reply on HN
Print view View original

1–7 of 7 posts

Re: Show HN: Svgasm – SVG animation from single GIF using tracer

#2

Post by tomkwok »

Hi HN readers. I created this command-line tool called svgasm to automate the generation of an SVG animation from a lot of SVG files. Originally I made this tool to create a dumb SVG animation from a bunch of matplotlib SVG exports. Then, I had the idea of using this method to sequence traced/vectorized versions of raster frames extracted from a GIF to create a time-discretized SVG animation, which is found to be generally aesthetically pleasing and smaller in file size. I created a bunch of GIF vs SVG side-by-side comparison examples with some interesting GIFs that I found online. The examples can be viewed on https://github.com/tomkwok/svgasm. Please tell me if the SVG animations work on your laptop/PC, especially the more complex SVGs like the infinity spiral example.

Re: Show HN: Svgasm – SVG animation from single GIF using tracer

#3

Post by alecst »

tomkwok wrote: post #2

Hi HN readers. I created this command-line tool called svgasm to automate the generation of an SVG animation from a lot of SVG files. Originally I made this tool to create a dumb SVG animation from a bunch of matplotlib SVG exports. Then, I had the idea of using this method to sequence traced/vectorized versions of raster frames extracted from a GIF to create a time-discretized SVG animation, which is found to be gen…

Looks great for me on my old MacBook Air, 10.14. And you picked a great set of images. The svgasm of the lions really struck me, it was almost art in its own right -- how you might see the lions if you weren't looking at the details, but just the feeling. Projecting my own emotions maybe, but really cool stuff and pretty inspiring that it took so little time to implement.

Re: Show HN: Svgasm – SVG animation from single GIF using tracer

#4

Post by tomkwok »

alecst wrote: post #3
tomkwok wrote: post #2

Hi HN readers. I created this command-line tool called svgasm to automate the generation of an SVG animation from a lot of SVG files. Originally I made this tool to create a dumb SVG animation from a bunch of matplotlib SVG exports. Then, I had the idea of using this method to sequence traced/vectorized versions of raster frames extracted from a GIF to create a time-discretized SVG animation, which is found to be gen…

Looks great for me on my old MacBook Air, 10.14. And you picked a great set of images. The svgasm of the lions really struck me, it was almost art in its own right -- how you might see the lions if you weren't looking at the details, but just the feeling. Projecting my own emotions maybe, but really cool stuff and pretty inspiring that it took so little time to implement.

Thank you for your interest. What browser do you use? It seems to work better on Safari on my MBA.

Also, as stated on my GitHub page I used primitive [1] for the lions example. What svgasm adds to primitive and other tracer tools is the ability to process a GIF (or a sequence of images) and make an SVG animation out of the sequence.

[1]: https://news.ycombinator.com/item?id=12539109

Re: Show HN: Svgasm – SVG animation from single GIF using tracer

#5

Post by egfx »

tomkwok wrote: post #4
alecst wrote: post #3

Earlier quoted context omitted.

Looks great for me on my old MacBook Air, 10.14. And you picked a great set of images. The svgasm of the lions really struck me, it was almost art in its own right -- how you might see the lions if you weren't looking at the details, but just the feeling. Projecting my own emotions maybe, but really cool stuff and pretty inspiring that it took so little time to implement.

Thank you for your interest. What browser do you use? It seems to work better on Safari on my MBA. Also, as stated on my GitHub page I used primitive [1] for the lions example. What svgasm adds to primitive and other tracer tools is the ability to process a GIF (or a sequence of images) and make an SVG animation out of the sequence. [1]: https://news.ycombinator.com/item?id=12539109

Can this be recompiled with JavaScript?

Re: Show HN: Svgasm – SVG animation from single GIF using tracer

#6

Post by tomkwok »

egfx wrote: post #5
tomkwok wrote: post #4

Earlier quoted context omitted.

Thank you for your interest. What browser do you use? It seems to work better on Safari on my MBA. Also, as stated on my GitHub page I used primitive [1] for the lions example. What svgasm adds to primitive and other tracer tools is the ability to process a GIF (or a sequence of images) and make an SVG animation out of the sequence. [1]: https://news.ycombinator.com/item?id=12539109

Can this be recompiled with JavaScript?

Do you mean recompiling primitive or svgasm to JavaScript? No, it is not currently possible.

But yea it would be cool to have a web version of svgasm that uses some Javascript raster image tracers out there. I will be working on it and posting to HN later to anyone who's interested.

Re: Show HN: Svgasm – SVG animation from single GIF using tracer

#7

Post by egfx »

tomkwok wrote: post #6
egfx wrote: post #5

Earlier quoted context omitted.

Can this be recompiled with JavaScript?

Do you mean recompiling primitive or svgasm to JavaScript? No, it is not currently possible. But yea it would be cool to have a web version of svgasm that uses some Javascript raster image tracers out there. I will be working on it and posting to HN later to anyone who's interested.

yep a web version, something like canvg that can be implemented into a web product, https://github.com/canvg/canvg
Post reply on HN