Pumpkin Patch
Previous:
Pumpkin Patch
This code takes user input to add a pumpkin to the pumpkin patch whenever the user clicks the mouse.
float previousX;
float previousY;
float previousHeight;
void setup() {
size(400, 300);
background(64);
}
void draw() {
//needed for mousePressed() to work
}
void mousePressed() {
//create next pumpkin
float nextX = mouseX;
float nextY = mouseY;
float nextWidth = random(50, 100);
float nextHeight = random(25, 75);
//draw next pumpkin
strokeWeight(2);
fill(random(200, 256), random(75, 125), 0);
stroke(random(100, 140), random(40, 80), 0);
ellipse(nextX, nextY, nextWidth, nextHeight);
ellipse(nextX, nextY, nextWidth*.75, nextHeight);
ellipse(nextX, nextY, nextWidth*.5, nextHeight);
ellipse(nextX, nextY, nextWidth*.25, nextHeight);
//connect next pumpkin to previous pumpkin
noFill();
stroke(0, random(50, 200), 0, 100);
strokeWeight(random(5, 15));
bezier(previousX, previousY - previousHeight/2,
previousX + random(-100, 100), previousY - previousHeight*2,
nextX + random(-100, 100), nextY - nextHeight*2,
nextX, nextY - nextHeight/2);
//set the previous pumpkin to the next pumpkin
previousX = nextX;
previousY = nextY;
previousHeight = nextHeight;
}
See the Pen by Happy Coding (@KevinWorkman) on CodePen.
This code uses the bezier() function to draw curves that connect the pumpkins like vines. The bezier() function takes 8 parameters representing 4 points, which form a curve using the pattern in this image:
You can read more about the bezier() function in the reference.
Tweak Ideas
- Add leaves to the vines.
- Make the vines have more twists and spirals.
- Make the pumpkins grow over time.
- Click to plant a vine. Make the vine automatically grow and have pumpkins sprout.
Previous:
