how do i make sure something is drawn in a specific area? for example i would like to draw something that does not take up the whole page. this is my code so far.
int x=0;
int y=0;
void setup() {
  background(124,122,122);
  size(600,600);
  noStroke();
  smooth();
 
}
void draw() {

 if (mouseX <100)
 if (mouseY <100)
 

  fill (216,175,63);
  ellipse(mouseX,mouseY, mouseX,mouseY);
}

I am new to processing and i am trying to make another image come out of a previous image i have already made. my first thought was to use mouse clicks but nothing but the first mouseclick remains on screen. I am specifically making a gingerbread man and am trying to cut it out of a picture of dough that I made. i want the viewer to be able to "shape" the dough into a gingerbread man by clicking the mouse but i cant get my dough to go away and only the gingerbread man to be visible. this is what i have so far.


void setup() {
  size (600,600);
  background(124,122,122);
  smooth();
  noStroke();
}

void draw(){
 noStroke();
 fill(216,175,63);
 ellipse (300,100, 150,150);
 ellipse (300, 300, 150, 300);
 ellipse (260, 450, 60, 300);
 ellipse (340, 450, 60, 300);


 
 //eyes

 fill(0);
 ellipse (270,75, 25,25);
 ellipse (330,75,25,25);
 fill(255);
 ellipse (265,70,5,5);
 ellipse (325, 70,5,5);
 
 //smile
 noFill();
 strokeWeight (4);
stroke(255);
 curve(100, 0, 250, 130,350, 130, 400, 0);
 

 
 //buttons
 fill (249,9,26);
 ellipse (300, 300, 30,30);
 ellipse (300, 230, 30,30);
 ellipse (300, 370, 30,30);
 
 //arms
pushMatrix();
translate(200,250);
rotate(PI/4.0);
 noStroke();
 fill(216,175,63);
 ellipse (0, 0, 60, 200);
 popMatrix();
 
pushMatrix();
translate(400,250);
rotate(PI/-4.0);
noStroke();
fill(216,175,63);
ellipse (0,0,60,200);
popMatrix();

 //icing
 pushMatrix();
translate(100,300);
rotate(PI/4.0);
 noFill();
 strokeWeight(4);
 stroke(255);
 curve (0,0, 30,15,60,15,90,0);
 popMatrix();

}








dough:
void setup() {
  size (600,600);
  background(124,122,122);
  smooth();
  noStroke();
}

void draw(){
  noStroke();
  fill(216,175,63);
  ellipse(300,300,300,300);
  ellipse(200,200,100,100);
  ellipse(250,150,150,150);
  ellipse(325,180,100,100);
  ellipse(400,300,150,150);
  ellipse(200,400,100,100);
 
  fill(216,175,63);
   ellipse(165,325,100,150);
}

i'm very new to processing and i am trying to make  a pattern with the same shape repeating in rows and columns. i used a for loop for() but ive only been able to stretch out the shape instead of repeating it in different positions. here is what i have so far. please please help me!
int y1=0;
int x1=85;
int x2=0;
int y2= 80;
void setup() {
  size (600,600);
  background(255);
  smooth();
}
void draw (){
  background(255);
 

noFill();

strokeWeight(4);

stroke(0, 0, 0);
for (int y1=0; y1<=height; y1=y1+50) {
  for (int x1=0; x1<+ width; x1=x1+50) {
    for (int x2=0; x2<+ width; x2=x2+50){
      for (int y2= 0; y2<=height; y2=y2+50)
bezier(x1, y1, 10, 10, 90, 90, x2, y2);
bezier(x1,y1,0,0,50,50,x2,y2);
    }
  }
}
}