I started this page wanting to make splashes of color on the page for Holi, a spring festival of colors. I used html5 canvas to draw colorful dots on the page where a user clicks. I used loops and time delays to create a splatter “animation.” Each dot is a particle object that gets drawn onto the canvas. The size of the splatter, the distance between each loop, the angle(direction) of the new particles, and color can all be adjusted. After playing around with the particles, I decided to make the particles more spaced out so all the dots could be seen. Below are some variations I tinkered with.
Spacing out the particles and making them bigger creates fun “dot” splatters.
If you make the dots closer together but change the color for every loop within a splatter, you get these crazy looking “spider webs”! These were fun but a little too “neon looking” for my taste.
I quite liked this effect. If you limit the particles to one direction, you get these splatters that remind me of rainbow squids!
Here is my final version. I liked the look of the dot splatters but wanted more variety in color! It is a combination of the “rainbow squid” and the “dot splatter” looks. These remind me of colorful Dippin’ Dots! I remember how my friends and I were so excited for the “ice cream of the future” when Dippin’ Dots first came to the Calgary Stampede.
Day 51 – Dippin’ Dots