https://editor.p5js.org/Tgr/sketches/lursf5XEP
This is my animation of a water drop and it also includes a drawing pad to include some interactivity. I tried to make it as visually pleasing as possible but it only turned out to be so.
I started off by making a drawing board using the mouseX and mouseY positions as the X and Y coordinates of my circle.
Then I wanted to put in a growing object os some sort. so I started to play around with the dimensions and movements of my favorite shape. the circle. I found that I cannot let the circle continue growing, because it would just fill up the canvas. So I added an if statement that limits its growth. On top of that I wanted to play with the movement of the coordinates to add more dimension to the ball.
At last, I ended up with this big raindrop of some sort.
