Dithering - Part 1

Dithering - Part 1 turns a graphics concept into a paced visual lesson. Each click advances an animated example, moving from blunt black-or-white thresholding to patterns whose changing pixel density preserves the impression of gray with a deliberately tiny palette.

What is Dithering - Part 1?

Instead of dropping a formula and expecting it to stick, the article lets the problem become visible. A grayscale image is first squeezed through a simple midpoint threshold, where shadows and smooth transitions collapse. Ordered patterns then arrive as the repair: nearby pixels alternate in controlled densities, allowing the eye to recover tones that the two-color output cannot literally contain. The lesson proceeds like a slide deck you drive yourself, with tap, click, and arrow-key navigation. It stops at the right moment for an introduction, after showing what a threshold map does but before explaining how to construct one. That limit keeps the first chapter approachable, though curious readers will want the linked second installment.

What you can do there

• Advance through the lesson one visual step at a time
• Compare grayscale thresholding with ordered dithering
• Inspect how pixel density suggests intermediate shades

Why we picked it

The page makes an abstract image-processing idea legible without sanding off its mechanics. Watching a harsh threshold give way to patterned tone is more persuasive than a paragraph alone, and the self-paced controls leave room to study individual frames.

How to get the most from it

Advance slowly through the first grayscale comparison and look at the image from both close up and farther away. Use the arrow keys on a desktop or the left and right sides of the screen on touch devices, then continue to Part 2 if the threshold map raises more questions.

Good to know

This is the opening installment of a three-part plan. Part 2 is available, while Part 3 is still described as in progress; threshold-map construction and error diffusion are therefore outside this chapter's scope. The page uses animation, Three.js, and WebGL, and reduced-motion or non-WebGL fallback behavior was not verified.

Who made it, and when?

Damar Aji Pramudita is the credited creator or organization. The earliest supported launch date we found is October 21, 2025.