Home▸Perception & Optical Illusions▸QR Code Structure Simulator (2D)

QR Code Structure Simulator (2D)

Interactive 2D QR code builder: encode your own text into a real-structured module grid, watch the three finder patterns, timing pattern and data/error-correction regions fill in, and switch error-correction levels to see the capacity trade-off.

Perception & Optical Illusions2DEasy60 FPS📱 Mobile-adapted⇄ 3D version
2d-3d-qr-code-scanning ↗ Open standalone

This 2D simulator builds a QR-code-like module grid live from any text you type, using a simplified encoding scheme that mirrors the real structure: three finder patterns anchor the corners for instant orientation, timing patterns line up every row and column, and the remaining modules are split between your actual message bits and a reserved error-correction block. Switch the error-correction level from L to H to see the trade-off real QR codes make — more redundancy means more resilience to damage, but less room for raw data — and watch the capacity readout update as your message grows or shrinks.

⚙ Under the hood

Encode your own text into a QR-code-like module grid and watch the finder patterns, timing patterns and data/error-correction regions fill in live.

QR CodeScanningImage Recognition

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

What did you find?

Add reproduction steps (optional)