Pointilism
An interactive experiment with animated dots, motion controls and image export.
Sole developer · December 2025Visit project (opens in a new tab)
In practice
What it does
- Monochrome dot-field with light/dark mode
- Presets + mobile-friendly controls panel
- Breathing + grid snap + gravity drop interactions
- Freeze and export the dot field as a PNG
Behind the work
The challenge
Balancing a strict no-overlap layout with fluid motion and interactions across devices, while keeping the UI readable over a dynamic canvas layer.
What I learned
Beautiful design does not always translate into practical UX. An interface can be visually compelling and enjoyable to explore while still making everyday tasks harder than they need to be. Pointilism gave me room to explore that tension between an interesting visual idea and something people would want to use repeatedly.
Built with
- HTML
- CSS
- Vanilla JavaScript
- Canvas 2D