Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

Mirror Touch

A symmetrical drawing canvas that creates kaleidoscopic art from freehand strokes. Inspired by the classic Spirograph toy, but with digital superpowers.

Live Demo

How It Works

  • Draw freely on the canvas — every stroke is reflected across N axes of symmetry in real time
  • Line width responds to drawing speed: move slowly for thick strokes, fast for thin ones
  • Hue cycles continuously as you draw, creating rainbow trails
  • Glow effects add depth and luminosity to each stroke
  • Five symmetry modes: 4-fold, 6-fold, 8-fold, 12-fold
  • Save your creation as PNG with the save button

Controls

  • Click/touch + drag to draw
  • 4 / 6 / 8 / 12 buttons to switch fold count
  • Clear to reset the canvas
  • Save PNG to download your artwork

Tech

  • Single self-contained HTML file, no build step
  • Pure vanilla JS + Canvas 2D
  • Dark theme (#0a0a0f), Inter font, mobile touch support
  • ~130 lines

Tips

  • Try the 12-fold mode for maximum visual density
  • Draw in slow spirals for smooth gradients
  • Combine fast sweeps with slow details for contrast

About

A symmetrical drawing canvas that creates kaleidoscopic art

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages