Back to WorkCreative Coding

Algo Paint

Generative painting playground powered by canvas, shaders, and playful UI cues.

Creative Coder

9

Brush modes

60fps

Average frame rate

PNG, JSON

Export formats

Algo Paint is where I explore generative art techniques. I built custom brushes, played with noise fields, and obsessed over performance on lower-end devices.

The UI stays minimal so the artwork shines, while keyboard and mouse shortcuts accelerate the creative feedback loop.

Challenge

Wanted a playful way to iterate on algorithmic art without heavyweight creative suites.

Approach

Implemented a canvas renderer with modular brush engines, adjustable parameters, and responsive layout polish.

Outcome

Became my go-to playground for experimenting with shaders, easing functions, and animation principles.

Highlights
  • Generative brushes powered by noise and particles
  • Responsive UI that adapts to stylus, mouse, and touch
  • Snapshot workflow for exporting iterations

Core Capabilities

Canvas-based drawing with responsive UI
Multiple brush modes and effects
Style-rich layout crafted with CSS
Keyboard and mouse shortcuts for a fluid workflow