Board
Squares per side
8
Square size (px)
70
Board margin (px)
60
Dark square lightness
35%
Light square lightness
70%
Shadow & light
Shadow strength (multiplier)
0.50×
Shadow softness (px)
60
Shadow width (px)
260
Shadow length (px)
560
Light angle (°)
30°
Show cylinder (drag me)
Cylinder radius (px)
80
Animate light
Stop
Tip: drag the cylinder on the canvas; the shadow updates. The illusion is strongest when a “light” square lies under shadow next to a “dark” square in the light.
Labels, reveal & proof
Show labels A & B
Lock equality (A shade = B shade)
Context fade (reveal)
0%
Draw bridging strip
Clear strip
Prove they’re identical
Presets & export
Classic setup
Wide soft shadow
Dramatic contrast
Export PNG
Export SVG
Reset