Small help with a small draw

Hi guys, I just want to draw somethin, clear the screen and draw another thing, and put that in a loop, here´s the code:

void setup() {
  fullScreen();
  frameRate(1);
  background(190);
}
void draw() {  
  int j=0;
  for (int i=0; i>-1; i++) {
     chiko1();
     
    if (j==1) {
      background(190);
      chicko2();
      j=0;
    }
    j=1;
  }
  
}

void doit() {
}

void chiko1() {
  noStroke();
  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(100, 160);
  vertex(100, 120);
  vertex(120, 120);
  vertex(120, 100);
  vertex(280, 100);
  vertex(280, 120);
  vertex(300, 120);
  vertex(300, 140);
  vertex(320, 140);
  vertex(320, 160);
  vertex(320, 160);
  vertex(360, 160);
  vertex(360, 180);
  vertex(320, 180);
  vertex(320, 160);
  vertex(300, 160);
  vertex(300, 140);
  vertex(280, 140);
  vertex(280, 160);
  vertex(200, 160);
  vertex(200, 200);
  ////////////////////////////////////////////////////
  vertex(180, 200);
  vertex(180, 160);
  vertex(200, 160);
  vertex(200, 120);
  vertex(220, 120);
  vertex(220, 100);
  vertex(200, 100);
  vertex(200, 120);
  vertex(180, 120);
  vertex(180, 160);
  vertex(140, 160);
  vertex(140, 140);
  vertex(120, 140);
  vertex(120, 160);
  vertex(140, 160);
  vertex(140, 180);
  vertex(120, 180);
  vertex(120, 160);
  vertex(100, 160);

  endShape();

  fill(58, 111, 33);
  strokeJoin(MITER);
  beginShape();
  vertex(200, 160);
  vertex(200, 120);
  vertex(220, 120);
  vertex(220, 100);
  vertex(200, 100);
  vertex(200, 120);
  vertex(180, 120);
  vertex(180, 160);
  vertex(140, 160);
  vertex(140, 140);
  vertex(120, 140);
  vertex(120, 160);
  vertex(140, 160);
  vertex(140, 180);
  vertex(180, 180);
  vertex(180, 160);
  vertex(200, 160);
  vertex(200, 200);
  vertex(220, 200);
  vertex(220, 180);
  vertex(260, 180);
  vertex(260, 200);
  vertex(360, 200);
  vertex(360, 180);
  vertex(320, 180);
  vertex(320, 160);
  vertex(300, 160);
  vertex(300, 140);
  vertex(280, 140);
  vertex(280, 160);
  vertex(200, 160);
  endShape();

  fill(165, 198, 107);
  strokeJoin(MITER);
  beginShape();
  vertex(180, 200);
  vertex(180, 180);
  vertex(140, 180);
  vertex(140, 200);
  vertex(120, 200);
  vertex(120, 220);
  vertex(140, 220);
  vertex(140, 200);
  vertex(260, 200);
  vertex(260, 220);
  vertex(280, 220);
  vertex(280, 200);
  vertex(260, 200);
  vertex(260, 180);
  vertex(220, 180);
  vertex(220, 200);
  vertex(180, 200);
  endShape();

  fill(194, 224, 152);
  strokeJoin(MITER);
  beginShape();
  vertex(260, 220);
  vertex(280, 220);
  vertex(280, 420);
  vertex(220, 420);
  vertex(220, 380);
  vertex(180, 380);
  vertex(180, 420);
  vertex(120, 420);
  vertex(120, 220);
  vertex(140, 220);
  vertex(140, 200);
  vertex(260, 200);
  vertex(260, 220);

  endShape();

  fill(200, 64, 62);
  strokeJoin(MITER);
  beginShape();
  vertex(260, 220);
  vertex(260, 240);
  vertex(240, 240);
  vertex(240, 220);
  endShape();

  fill(152, 29, 30);
  strokeJoin(MITER);
  beginShape();
  vertex(260, 240);
  vertex(260, 280);
  vertex(220, 280);
  vertex(220, 260);
  vertex(240, 260);
  vertex(240, 240);
  vertex(260, 240);
  endShape();

  fill(255);
  strokeJoin(MITER);
  beginShape();
  vertex(240, 220);
  vertex(240, 260);
  vertex(220, 260);
  vertex(220, 220);
  vertex(240, 220);
  endShape();






  fill(200, 64, 62);
  strokeJoin(MITER);
  beginShape();
  vertex(180, 220);
  vertex(180, 240);
  vertex(160, 240);
  vertex(160, 220);
  endShape();

  fill(152, 29, 30);
  strokeJoin(MITER);
  beginShape();
  vertex(180, 240);
  vertex(180, 280);
  vertex(140, 280);
  vertex(140, 260);
  vertex(160, 260);
  vertex(160, 240);
  vertex(180, 240);
  endShape();

  fill(255);
  strokeJoin(MITER);
  beginShape();
  vertex(160, 220);
  vertex(160, 260);
  vertex(140, 260);
  vertex(140, 220);
  vertex(160, 220);
  endShape();







  fill(165, 198, 107);
  strokeJoin(MITER);
  beginShape();
  vertex(180, 300);
  vertex(220, 300);
  vertex(220, 320);
  vertex(180, 320);
  vertex(180, 300);
  endShape();


  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(180, 420);
  vertex(180, 380);
  vertex(220, 380);
  vertex(220, 400);
  vertex(200, 400);
  vertex(200, 420);
  endShape();


  fill(255, 245, 155);
  strokeJoin(MITER);
  beginShape();
  vertex(140, 420);
  vertex(160, 420);
  vertex(160, 400);
  vertex(140, 400);
  endShape();

  fill(255, 245, 155);
  strokeJoin(MITER);
  beginShape();
  vertex(240, 420);
  vertex(260, 420);
  vertex(260, 400);
  vertex(240, 400);
  endShape();

  fill(165, 198, 107);
  strokeJoin(MITER);
  beginShape();
  vertex(280, 300);
  vertex(280, 420);
  vertex(320, 420);
  vertex(320, 320);
  vertex(300, 320);
  vertex(300, 300);
  vertex(280, 300);
  endShape();

  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(100, 320);
  vertex(120, 320);
  vertex(120, 340);
  vertex(140, 340);
  vertex(140, 360);
  vertex(120, 360);
  vertex(120, 340);
  vertex(100, 340);
  vertex(100, 320);
  endShape();

  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(160, 340);
  vertex(180, 340);
  vertex(180, 360);
  vertex(160, 360);
  endShape();

  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(220, 340);
  vertex(240, 340);
  vertex(240, 360);
  vertex(220, 360);
  endShape(); 


  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(280, 320);
  vertex(300, 320);
  vertex(300, 340);
  vertex(280, 340);
  vertex(280, 360);
  vertex(260, 360);
  vertex(260, 340);
  vertex(280, 340);
  vertex(280, 320);
  endShape();
}



/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

void chicko2() {
  noStroke();
  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(100, 180);
  vertex(100, 140);
  vertex(120, 140);
  vertex(120, 120);
  vertex(300, 120);
  vertex(300, 140);
  vertex(360, 140);
  vertex(360, 160);
  vertex(280, 160);
  vertex(280, 180);
  vertex(200, 180);
  vertex(200, 140);
  vertex(220, 140);
  vertex(220, 120);
  vertex(200, 120);
  vertex(200, 140);
  vertex(180, 140);
  vertex(180, 180);
  vertex(140, 180);
  vertex(140, 160);
  vertex(120, 160);
  vertex(120, 180);
  vertex(140, 180);
  vertex(140, 200);
  vertex(120, 200);
  vertex(120, 180);
  vertex(100, 180);
  endShape();

  fill(58, 111, 33);
  strokeJoin(MITER);
  beginShape();
  vertex(120, 180);
  vertex(120, 160);
  vertex(140, 160);
  vertex(140, 180);
  vertex(180, 180);
  vertex(180, 140);
  vertex(200, 140);
  vertex(200, 120);
  vertex(220, 120);
  vertex(220, 140);
  vertex(200, 140);
  vertex(200, 180);
  vertex(280, 180);
  vertex(280, 160);
  vertex(360, 160);
  vertex(360, 180);
  vertex(300, 180);
  vertex(300, 200);
  vertex(220, 200);
  vertex(220, 240);
  vertex(200, 240);
  vertex(200, 200);
  vertex(140, 200);
  vertex(140, 180);
  vertex(120, 180);
  endShape();

  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(180, 200);
  vertex(200, 200);
  vertex(200, 240);
  vertex(180, 240);
  endShape();

  fill(165, 198, 107);
  strokeJoin(MITER);
  beginShape();
  vertex(120, 220);
  vertex(120, 240);
  vertex(140, 240);
  vertex(140, 220);
  vertex(180, 220);
  vertex(180, 200);
  vertex(140, 200);
  vertex(140, 220);
  vertex(120, 220);
  endShape();

  fill(165, 198, 107);
  strokeJoin(MITER);
  beginShape();
  vertex(280, 220);
  vertex(280, 240);
  vertex(260, 240);
  vertex(260, 220);
  vertex(220, 220);
  vertex(220, 200);
  vertex(260, 200);
  vertex(260, 220);
  vertex(280, 220);
  endShape();



  fill(194, 224, 152);
  strokeJoin(MITER);
  beginShape();
  vertex(120, 240);
  vertex(120, 420);
  vertex(180, 420);
  vertex(180, 400);
  vertex(220, 400);
  vertex(220, 420);
  vertex(280, 420);
  vertex(280, 240);
  vertex(260, 240);
  vertex(260, 220);
  vertex(220, 220);
  vertex(220, 240);
  vertex(180, 240);
  vertex(180, 220);
  vertex(140, 220);
  vertex(140, 240);
  vertex(120, 240);
  endShape();


  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(140, 280);
  vertex(180, 280);
  vertex(180, 300);
  vertex(140, 300);
  endShape();

  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(220, 280);
  vertex(260, 280);
  vertex(260, 300);
  vertex(220, 300);
  endShape();


  fill(165, 198, 107);
  strokeJoin(MITER);
  beginShape();
  vertex(180, 320);
  vertex(220, 320);
  vertex(220, 340);
  vertex(180, 340);
  endShape();


  fill(255, 245, 155);
  strokeJoin(MITER);
  beginShape();
  vertex(140, 420);
  vertex(160, 420);
  vertex(160, 400);
  vertex(140, 400);
  endShape();

  fill(255, 245, 155);
  strokeJoin(MITER);
  beginShape();
  vertex(240, 420);
  vertex(260, 420);
  vertex(260, 400);
  vertex(240, 400);
  endShape();


  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(180, 420);
  vertex(200, 420);
  vertex(200, 400);
  vertex(180, 400);
  endShape();

  fill(165, 198, 107);
  strokeJoin(MITER);
  beginShape();
  vertex(280, 320);
  vertex(300, 320);
  vertex(300, 340);
  vertex(320, 340);
  vertex(320, 420);
  vertex(280, 420);
  vertex(280, 320);
  endShape();


  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(100, 340);
  vertex(120, 340);
  vertex(120, 360);
  vertex(140, 360);
  vertex(140, 380);
  vertex(120, 380);
  vertex(120, 360);
  vertex(100, 360);
  vertex(100, 340);
  endShape();

  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(160, 360);
  vertex(180, 360);
  vertex(180, 380);
  vertex(160, 380);
  endShape();

  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(220, 360);
  vertex(240, 360);
  vertex(240, 380);
  vertex(220, 380);
  endShape(); 


  fill(106, 160, 74);
  strokeJoin(MITER);
  beginShape();
  vertex(280, 340);
  vertex(300, 340);
  vertex(300, 360);
  vertex(280, 360);
  vertex(280, 380);
  vertex(260, 380);
  vertex(260, 360);
  vertex(280, 360);
  vertex(280, 340);
  endShape();
}

A lot of code, I know, but I dont know how to do it. I want to first draw chiko1(); and, clear the screen and draw chicko2();, after that clear the screen again and repeat.

Some help?

1 Like

Use background at start of draw ()

Then

1 Like