FA+
Shop
Two Weird Experiments!
5 years ago
Here are two quick experimental web-app things I made recently:
https://nanimoo.se/squiggledraw/
SquiggleDraw: A dead-simple drawing app that squiggles up your lines like a Dr. Katz cartoon as you're trying to draw 'em. Should work with mouse, touch, or stylus.
https://nanimoo.se/munger/
Image Munger: This shows how generational quality loss affects a digital image. It starts with a digital picture (Moose Butts, in this case) and sends it through JPG compression, and feeds the output through that process again and again recursively. There are some controls for quality settings, and you can also see how differently the new WebP format behaves, compared to old JPG.
Some technical dork notes:
Both these things are written in pure JS, and use the HTML5 canvas to do their graphics. Some browsers (most notably ones made by Apple) may not have WebP support.
https://nanimoo.se/squiggledraw/
SquiggleDraw: A dead-simple drawing app that squiggles up your lines like a Dr. Katz cartoon as you're trying to draw 'em. Should work with mouse, touch, or stylus.
https://nanimoo.se/munger/
Image Munger: This shows how generational quality loss affects a digital image. It starts with a digital picture (Moose Butts, in this case) and sends it through JPG compression, and feeds the output through that process again and again recursively. There are some controls for quality settings, and you can also see how differently the new WebP format behaves, compared to old JPG.
Some technical dork notes:
Both these things are written in pure JS, and use the HTML5 canvas to do their graphics. Some browsers (most notably ones made by Apple) may not have WebP support.
Hey, these are great! I love the second one a lot!
It looks like Sonne is doing well, which is good!
Image Munger: Generational loss is endlessly fascinating to me. Seen a number of films/games take this on and I love to see the weird directions it goes!
SquiggleDraw: Took me all of 50 seconds to get NSFW with it
I'm not really sure what prompted me to do it, other than I was curious how much slowdown you'd see if JS/canvas had to redraw a whoooole bunch of lines like that. It's surprisingly fast!
That'll show those pirates, 300+ generations down the line.
It's weird how the image munger shows this jpg compression ultimately devolving into pure static. The visuals remind me of Conway's Game of Life.
Also, WEBP seems to degrade even faster than JPG. Interesting.
And yeah, WebP is doing a lot more trickery based on getting rid of information the human eye doesn't clearly see, which of course is intensified as it goes down generations.