Blog

Here I post things, it is pretty cool huh?

Archive

Follow with your favorite feed reader

weird web october 2026

Oct 02, 2026

some weird websites


This year i am participating in weird web october!
I won't be doing all the prompts, just the ones that strike my inspiration.

Have at ye:

  1. Reveal

  2. Spark

  3. Fake

  4. Plastic

  5. Sheet

  6. Analog

  7. Organic

  8. Skeumorphism

  9. Spicy

  10. Layers

  11. Stuck

  12. Pointy

  13. Scratch

  14. Origami

  15. Wooden

  16. Instant

  17. Branching

  18. Geometric

  19. Distorted

  20. Undefined

  21. Illusion

  22. Skeletons

  23. Incognito

  24. Collage

  25. Ascending

  26. Net

  27. Spiral

  28. Smooth

  29. The End

  30. Pastel

  31. Spooky

Read More
#blog #webdev

Making a dither pattern

Jun 03, 2025

For my daily art yesterday, i really wanted a dither pattern that looks like stars. Unfortunately I could not find such a thing. So I made one.


For my daily art yesterday, i really wanted a dither pattern that looks like stars.
Unfortunately I could not find such a thing. So I made one.

a gradient dither radiating outward from the bottom left, going from yellow to dark blue, each step in the pattern looking like a star.

How does a dither work?

A dither is essentially a map from every colour to black or white, this is done by adding the source colour and the dither pattern together, and then forcing each pixel to either be black or white. (Coloured dithers are created by doing this to each channel, Red, Green, and Blue)

As such, this pattern is actually a bunch of pixels that add up so that they max out in a certain order.

Take the 2x2 General dither pattern:

A 2 by 2 grid of pixels, each pixel with a unique shade of gray.

It is simply four shades of gray, equally spaced from black to white. 
The top left corner of the pattern will be the first to turn white, as it is the closest to white. then the bottom right, then the top right, and finally the bottom left. It creates a gradient like so:

A gradient dithered with the 2x2 General Dithering Pattern

It can be thought of as several combining layers, with each layer being combined with all the previous ones to produce the desired pixel.

The four layers of the 2x2 General Dithering Pattern
Black here indicates transparency

Making the dither:

The method i have worked out is that, starting with a black background layer, for each stage of your dither you want, you create a layer with each pixel of the pattern filled in white.

You then need to calculate the opacity to set each layer to, I have found the best calculation is 100 divided by the number of layers, minus 1%. so (100/4)-1 is 24% in this case. Then setting each layer to that opacity level, with a black background at full

Read More
#blog #art #how to