4 ms·

Same thing with gradients in forum design. The moment we could use CSS instead of a gradient handcrafted with a pirated version of Photoshop - gradients stoppe

by Nadya 5y ago

Same thing with gradients in forum design. The moment we could use CSS instead of a gradient handcrafted with a pirated version of Photoshop - gradients stopped being commonly used in forum skins.

DonHopkins 5y ago
I would love to have a CanvasFilter that makes your smooth 24 bit procedurally generated gradients look like they've been error-diffusion dithered to an 8 bit web safe color palette. And with a FatBits option to compensate for retina displays. Now THAT would be fashionable!
- rikroots 5y ago
  > makes your smooth 24 bit procedurally generated gradients look like they've been error-diffusion dithered to an 8 bit web safe color palette Do you mean the gradient's output should look like it's been put through a risograph printer? I created a CodePen demo a while back which attempts to recreate that sort of effect - https://codepen.io/kaliedarik/pen/RwgwpyG https://codepen.io/kaliedarik/pen/RwgwpyG When it comes to reducing a palette from (potentially) millions of colors down to a set of 8 bit web safe colors - I'm not convinced such a process can generate decent output for a wide range of different inputs. I get much better results by generating a "commonest colors" palette with a minimal distance (in LAB color space) between each selected color to generate the most pleasing dithered output, whereas restricting the palette to web-safe colors limits the output to just a handful of those commonest colors. See an interactive example of the filter here: https://scrawl-v8.rikweb.org.uk/demo/filters-027.html https://scrawl-v8.rikweb.org.uk/demo/filters-027.html
  - DonHopkins 5y ago
    Oh I wasn't looking for decent output, I LOVE the pixelated error-diffusion dither effect, especially with an ugly garish color map that brings out all the jiggly artifacts. ;) https://donhopkins.com/home/CAM6/ https://donhopkins.com/home/CAM6/
    - rikroots 5y ago
      Oh, nicely done! Trying to code up cellular automata simulations are pretty much guaranteed to push my brains through my nostrils - I've never progressed far beyond classic Conway. Your CAM6 library[1] may be about to steal my weekend from me! [1] - https://github.com/SimHacker/CAM6 https://github.com/SimHacker/CAM6

by Nadya 5y ago

Same thing with gradients in forum design. The moment we could use CSS instead of a gradient handcrafted with a pirated version of Photoshop - gradients stopped being commonly used in forum skins.

DonHopkins 5y ago

I would love to have a CanvasFilter that makes your smooth 24 bit procedurally generated gradients look like they've been error-diffusion dithered to an 8 bit web safe color palette. And with a FatBits option to compensate for retina displays. Now THAT would be fashionable!

rikroots 5y ago
> makes your smooth 24 bit procedurally generated gradients look like they've been error-diffusion dithered to an 8 bit web safe color palette Do you mean the gradient's output should look like it's been put through a risograph printer? I created a CodePen demo a while back which attempts to recreate that sort of effect - https://codepen.io/kaliedarik/pen/RwgwpyG https://codepen.io/kaliedarik/pen/RwgwpyG When it comes to reducing a palette from (potentially) millions of colors down to a set of 8 bit web safe colors - I'm not convinced such a process can generate decent output for a wide range of different inputs. I get much better results by generating a "commonest colors" palette with a minimal distance (in LAB color space) between each selected color to generate the most pleasing dithered output, whereas restricting the palette to web-safe colors limits the output to just a handful of those commonest colors. See an interactive example of the filter here: https://scrawl-v8.rikweb.org.uk/demo/filters-027.html https://scrawl-v8.rikweb.org.uk/demo/filters-027.html
- DonHopkins 5y ago
  Oh I wasn't looking for decent output, I LOVE the pixelated error-diffusion dither effect, especially with an ugly garish color map that brings out all the jiggly artifacts. ;) https://donhopkins.com/home/CAM6/ https://donhopkins.com/home/CAM6/
  - rikroots 5y ago
    Oh, nicely done! Trying to code up cellular automata simulations are pretty much guaranteed to push my brains through my nostrils - I've never progressed far beyond classic Conway. Your CAM6 library[1] may be about to steal my weekend from me! [1] - https://github.com/SimHacker/CAM6 https://github.com/SimHacker/CAM6