←back to thread

Nice things with SVG

(fuma-nama.vercel.app)
571 points fmerian | 5 comments | | HN request time: 0.317s | source
1. kmoser ◴[] No.43666600[source]
This taught me that SVGs can be animated with CSS. Cool!

I wonder if anybody has recreated vector graphics games like Asteroids using SVGs and animation. You'd have to use JS to change the shape and direction of the asteroids when they're shot, but that would just require a bit of JS.

replies(3): >>43666640 #>>43666688 #>>43666750 #
2. ◴[] No.43666640[source]
3. mkoryak ◴[] No.43666688[source]
It would be more performant to use canvas, but it might be kind of fun to do with svg
replies(1): >>43666784 #
4. hinkley ◴[] No.43666750[source]
Video I bookmarked when I was stuck in backend land because I knew I’d want to learn it some day:

https://youtube.com/watch?v=wc8ovZZ78SY

I discovered this shortly after introducing The Secret of Kells to a child and had terrible, beautiful ideas about overly ornate websites that I have since thought better of. Mostly.

5. hinkley ◴[] No.43666784[source]
Easier to do a11y in SVG.

And the oft overlooked synergy with aria work is test automation. Code that is hard to screen read is often also difficult to integration or E2E test accurately.