←back to thread

Monorail – Turn CSS animations into interactive SVG graphs

(muffinman.io)
85 points stanko | 1 comments | 08 Jul 25 21:33 UTC | HN request time: 0.232s | source
Show context
efskap ◴[12 Jul 25 00:35 UTC] No.44538236[source]▶
Cool stuff! Flattening things like colours into a 1D value is an interesting challenge here. How did you decide to weigh the R channel an order of magnitude higher than G and so on? I might've tried working with HSV for instance, since it feels like animations would often be along one of those axes, but maybe not.
replies(2): >>44538314 #>>44539478 #
1. stanko ◴[12 Jul 25 05:10 UTC] No.44539478[source]▶
Thank you! As for color conversion, I didn’t spend too much time thinking about the conversion. Because I’m using canvas to transform CSS colors to RGBA, I just went and multiplied them in order by powers on 10.

It can definitely be improved. Using HSL or even OKLch would probably give nicer results. I may look into it.