This tool allows you to create textures that can be used as threshold maps for ordered dithering, a technique usually implemented using programmatically generated Bayer matrices.

The drawing grid allows you to visualize each "layer" of the threshold map, and to build up the final texture additively. The preview area applies a basic posterize + dither through post-processing using the generated texture (source available here).

Tips:

  • Drag the bar between the output and preview sections to resize
  • Use ArrowLeft and ArrowRight to change the current layer while drawing

Randomized preview images sourced from a British Library collection of public domain works.

StatusReleased
CategoryTool
PlatformsHTML5
Rating
Rated 5.0 out of 5 stars
(26)
AuthorSean
Tags16-bit, 1-bit, 2D, 8-Bit, Black and White, dither, Lo-fi, Pixel Art, Retro, Sprites
Code licenseMIT License
Average sessionA few seconds
LanguagesEnglish
InputsKeyboard, Mouse, Touchscreen
AccessibilityColor-blind friendly, High-contrast
LinksSource code, GitHub Pages

Comments

Log in with itch.io to leave a comment.

(+1)

Hey there! Just used your tool with some pictures in an interactive poem I made. It's in spanish but I hope you dig the vibe. https://insurgentes300.itch.io/castaneda Thnx so much for the tool again.

thanks for sharing!

(+1)

Highly addictive.

(+1)

Loved this

What's the recommended maximum image size?

I've got it set to warn for any dither texture more than 256 total pixels (16x16); you can go larger if you accept the warning, but the drawing interface may slow down as it gets larger. The preview images can be pretty much as large as you want since the preview render is very simple.

(1 edit) (+3)(-1)

Very nice!

(+1)

This is a really interesting tool! I'll share this with my 1bit friends :D

(+2)

Great tool! Just donated my 2 bucks! Thanks for sharing