Home▸Physics & Mechanics▸Rasterization Lab: Bresenham, DDA, Wu and Midpoint Circle (2D)

✏️ Rasterization Lab: Bresenham, DDA, Wu and Midpoint Circle (2D)

Interactive 2D pixel grid showing how lines and circles are rasterized: drag the end points and compare Bresenham, DDA, anti-aliased Xiaolin Wu and midpoint-circle output with per-pixel error, coverage and a live error graph.

Physics & Mechanics2DEasy60 FPS📱 Mobile-adapted⇄ 2D version
2d-artistic-drawing-simulation ↗ Open standalone
⚙ Under the hood

Interactive 2D pixel grid showing how lines and circles are rasterized: drag the end points and compare Bresenham, DDA, anti-aliased Xiaolin Wu and midpoint-circle output with per-pixel error, coverage and a live error graph.

rasterizationbresenhamanti-aliasingcomputer graphicspixels

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)