stanko

I actually lol-ed on this one, thank you. Sorry to disappoint, it is just an old school space invader.

Author here. Didn’t expect to see this post on HN. The idea has been on my mind for a few days, so I had to finally code it.

I feel that for these small experiments I should write shorter, more to the point posts. But somehow they always end up longer than I planned. I would appreciate feedback on this matter.

Anyway, it was fun to play around and I’m glad to see people like it enough to share it.

What do you have in mind?

I thought about making all values on the chart draggable. It would then update the CSS animation in realtime. I think would be very cool, but I’m not sure if there is a real usage for something like that, so I haven’t touched it.

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.

Hey HN,

I needed a few simple graphs for a blog post [0]. Instead of slapping together a few SVGs and moving on, I decided to write a whole library to parse CSS keyframe animations and convert them to interactive graphs.

It ended up being a rabbit hole, with a lot of caveats. But it was fun to make, and I'm really happy with the graphs it produces.

I'm not sure how useful it will be for others. If you end up using it, I'd love to see how - feel free to reach out.

It's open source [1] under the MIT license. Written in TypeScript with no dependencies.

Let me know what you think!

[0] https://muffinman.io/blog/css-image-glitch/

[1] https://github.com/Stanko/monorail

Hey HN, This is a small project I made for a meetup (Creative Coding Amsterdam's poetry afternoon). With all the hype around LLMs these days, I wanted to create something silly and fun.

I ended up with Glitchy BARD, which generates crappy poetry. It uses source text transformed into n-grams, while rhymes rely on the CMU Pronouncing Dictionary[0]. For the voice, I used the native SpeechSynthesis API instead of a fancy AI one.

Everything runs on the client, but you can share a song via URL, which includes the random number generator seed.

It's open source[1], though the code is a bit chaotic as I was experimenting a lot and never cleaned it up. A blog post about the CSS glitch effect[2] even gained some traction on HN.

I'd like to turn this into a proper talk, mostly because it was so much fun to make and touched a lot of different areas - language models, rhymes and poetry, pixel art (which is a pain do to on web), speech synthesis, CSS animations... I gave an internal presentation at my company and got very positive feedback.

So let me know what you think and if you have any questions about BARD, please shoot.

[0] http://www.speech.cs.cmu.edu/cgi-bin/cmudict

[1] https://github.com/Stanko/bard/

[2] https://news.ycombinator.com/item?id=44221907