as-dithered-image

Here's a personal website I built to catalog the various lifeforms I've encountered on my adventures. It's kind of like a Pokédex, but for real life. - Lifeforms are categorized by Kingdom → Phylum → Class → Order → Family → Genus → species, and you can click to expand each nested category. - As you click around, the species you've viewed are added to the browser cache. This updates the "New!" indicators, so you can see at a glance if anything new has been posted since your last visit. - Image dithering is done client-side using a slightly modified version of Andrew Stephens' as-dithered-image[0]. My main addition was the ability to dither with 3 colors instead of 2. I've found that since I started cataloging lifeforms, I've noticed a lot more of them while out and about. Maybe I'll catch 'em all one day. [0] - https://github.com/andrewst

This is correct. Atkinson dithering looks cool (at least to my eyes) but is not the best choice for real time work. In particular, it cannot be implemented in a shader, although you can approximate it. But computers are fast enough that a CPU-bound algorithm can still work at interactive speeds. Not sure how well it would work in an editor though - in theory changing a single pixel at the top left of the image could cause a chain reaction that could force the whole image to be re-dithered. I did an implementation of Atkinson dithering for a web component in case anyone is feeling the itch to dither like it is 1985. Demo: https://sheep.horse/2023/1/improved_web_component_for_pixel-... Source: https://github.com/andrewstephens75/as-dithered-image