Reply here if you just want to see how your username looks like, so we avoid noise and keep that Show HN on the top. comments are really interesting
Can I see mine please? Yes I can.
Show HN: HN Avatars in 357 bytes
231–240 of 536 posts
Re: Show HN: HN Avatars in 357 bytes
#232Reply here if you just want to see how your username looks like, so we avoid noise and keep that Show HN on the top. comments are really interesting
?
Re: Show HN: HN Avatars in 357 bytes
#233Reply here if you just want to see how your username looks like, so we avoid noise and keep that Show HN on the top. comments are really interesting
I am interested to see what my avatar looks like ;) edit: aha, squid!
Re: Show HN: HN Avatars in 357 bytes
#234Reply here if you just want to see how your username looks like, so we avoid noise and keep that Show HN on the top. comments are really interesting
This is pretty fun.
Re: Show HN: HN Avatars in 357 bytes
#235Reply here if you just want to see how your username looks like, so we avoid noise and keep that Show HN on the top. comments are really interesting
whoami
Re: Show HN: HN Avatars in 357 bytes
#236Reply here if you just want to see how your username looks like, so we avoid noise and keep that Show HN on the top. comments are really interesting
thanks :)
Re: Show HN: HN Avatars in 357 bytes
#237Reply here if you just want to see how your username looks like, so we avoid noise and keep that Show HN on the top. comments are really interesting
+
Re: Show HN: HN Avatars in 357 bytes
#238Looks way better if you add style="image-rendering: pixelated;" to the canvas. Crisp edges on every display.
It does! Here's a bookmarklet with that added (generated here: https://caiorss.github.io/bookmarklet-maker/)
javascript:(function()%7Bfor(u%20of%20document.querySelectorAll('.hnuser'))for(u.prepend(c%3Ddocument.createElement('canvas'))%2Cx%3Dc.getContext('2d')%2Cc.width%3D18%2Cc.height%3D14%2Cc.style.imageRendering%3D%22pixelated%22%2Cs%3Du.innerText%2Cr%3D1%2Ci%3D28%2Bs.length%3Bi--%3Bi%3C28%3Fr%3E%3E%3E29%3EXX%2F3%2BY%2F2%26%26x.fillRect(6%2B2X%2C2Y%2C2%2C2)%26x.fillRect(6-2X%2C2*Y%2C2%2C2)%3Ar%2B%3Ds.charCodeAt(i-28%2Cx.fillStyle%3D'%23'%2B(r%3E%3E8%260xFFFFFF).toString(16)))r%5E%3Dr%3C%3C13%2Cr%5E%3Dr%3E%3E%3E17%2Cr%5E%3Dr%3C%3C5%2CX%3Di%263%2CY%3Di%3E%3E2%7D)()%3B
Re: Show HN: HN Avatars in 357 bytes
#239Reply here if you just want to see how your username looks like, so we avoid noise and keep that Show HN on the top. comments are really interesting
Thanks!
Re: Show HN: HN Avatars in 357 bytes
#240These are very cute, but I'm mildly annoyed that mine is basically invisible
That sucks. I was thinking of ways to prevent that, but without adding a bunch of ifs it kind of kills the minimalistic approach of the original code.
You can have an outer loop that checks how many pixels are set in the avatar and keeps trying to generate a new avatar with a different seed until it's not (rejection sampling). As long as the probability of the avatar being too empty is small it should be fast.