Home▸Mathematics▸Kaleidoscope Drawing: Mirror Symmetry Art (2D)

🔮 Kaleidoscope Drawing: Mirror Symmetry Art (2D)

Draw freehand strokes and watch them replicate live into true N-fold dihedral symmetry (rotation + mirror reflection), rendered on a 2D canvas with adjustable fold count, mirror toggle and auto-rotation.

Mathematics2DEasy60 FPS📱 Mobile-adapted⇄ 3D version

Details

CategoryMathematics

RenderingCanvas 2D

DifficultyEasy

Target FPS60

ControlsDraw with mouse or touch to create a stroke, Fold (N) slider — 2 to 24 rotational copies, Mirror checkbox — toggle dihedral (D_N) vs pure rotation (C_N), Brush color picker, Rainbow checkbox — cycles stroke hue over time, Width slider — brush line thickness, Auto-rotate slider — continuous global rotation speed, Fade slider — trail persistence of older strokes, Clear button — erase the canvas, Undo button — remove the last stroke, Save PNG button — export the current pattern

SymmetryDihedral GroupGenerative ArtDrawingMirror ReflectionCanvas2D

Related simulations

K-Fold Rotational Symmetry Drawing Tool (2D)A Canvas2D drawing tool that mirrors each stroke into K rotationally symmetric sectors…

Snowflake Maker (2D)Draw one arm of a snowflake by dragging outward from the center. The app mirrors it…

K-Fold Rotational SymmetryDraw one stroke and have it mirrored around k rotational axes, turning a loose scribble into… ⊞ All 374 in Mathematics →

⚙ Under the hood

Draw freehand strokes on a 2D canvas and watch them replicate instantly into true N-fold symmetry: each stroke is rotated by 2π/N copies around the centre and, when mirroring is on, reflected as well, forming the full dihedral group D_N (or the pure rotation group C_N with mirroring off). Adjust the fold count from 2 to 24, toggle mirror reflection, switch on rainbow colour or slow auto-rotation, and save the resulting mandala as a PNG.

SymmetryDihedral GroupGenerative ArtDrawingMirror ReflectionCanvas2D

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