Hi,

As I am beginning with Processing, I am trying different things.

One attempt I made is to create a splash shape, like some paint that would drip on the ground

In my program, the width of the drip varies with mouseX, while the splash/gravity with mouseY.

To make a pleasant graphics, I'd like to put some light at the top at the splash, which would require creating a white ellipse at the top of the curve, or better, another curve shape.

In fact, it would consist in drawing a curve shape inside another one while iterating

Concretely, is this possible:

1. beginShape()
2. curveVertex()
3. (...)
4. ellipse
5. (...)
6. endShape()

Or

1. beginShape()
2. curveVertex()
3. (...)
4. beginShape()
5. curveVertex()
6. endShape
7. (...)
8. endShape()

Any help would be greatly appreciated!

Here is my code, for the moment:

1. float rds, r, splash, max = 2;
2. float x; float y;
3. void setup() {
4.   size(500, 500);
5.   noStroke();
6.   smooth();
7.   frameRate(4);
8. }
9. void draw() {
10.  fill(0);
11.  rect(0 , 0, width, height);
12.  drawSplash();
13. }
14. void drawSplash() {
15.   rds = map(mouseX, 0, width, 30, 70);
16.   splash = map(mouseY, 0, height, 1, 6);
17.  
18.   translate(width/2, height/2);
19.   beginShape();
20.   for (int i = 0 ; i < 360; i+=5) {
21.     if (i == 0) {curveVertex(rds*cos(radians(0)), rds*sin(radians(0)));}
22.    
23.     if (i %15 == 0) {   
24.       r = rds * random(0.9, max);
25.       float w = map(r, rds, max*rds, 1, splash);
26.       curveVertex(r*cos(radians(i-w)), r*sin(radians(i-w)));
27.       curveVertex(r*cos(radians(i+w)), r*sin(radians(i+w)));
28.       fill(23);
29.       ellipse(r*cos(radians(i)), r*sin(radians(i)), 30, 30);
30.     } else {
31.       r = rds;
32.       curveVertex(r*cos(radians(i)),  r*sin(radians(i)));
33.     }
34.     fill(255, 0, 0);
35.   }
36.   curveVertex(rds*cos(radians(360)), rds*sin(radians(360)));
37.   endShape();
38. }