Splash Gradients

Splash gradients on screen

Current design trends are geared towards layered combinations of radial and/or linear gradients. It's difficult to make gradients quickly and I always looked for tools but ended up using background images from Google search. This experiment tries to solve this challenge. Also, the interaction is inspired by how artists create abstract art by splashing paints on the canvas.

In this study, I have worked on creating a way to generate new gradients using splashing colors onto the screen. For this study with p5.js, I've used handPose(ml5.js) to track one hand's movements. When a user expands fingers (splashes on the screen), a new color is added to the canvas in the form of a layered radial gradient that blends outwards.

Made with 👓 and ☕ by Aaditya Vaze