Drawing in Processing Tutorial

// Space frog!  

// this character has traveled from another planet to explore Earth

​

int xpos = 1;

int ypos = (0,200);

​

void setup() {

  size(500, 500);

}

​

void draw() {

  background(30, 80, 100);

  // all locations are now relative to (250,270)

  translate(250, 70); 

  translate(xpos, ypos);

​

  // this ellipse at (0,50) will actually be at the center horizontally 

  // and just above the center vertically

  fill(42, 149, 14);

  ellipse(0, 130, 290, 90);

  // this ellipse is at the center.  I wanted this to be the "center" of the image

  fill(#14D839);

  ellipse(0, 0, 100, 100);

  // these are to the left and right of the center

  ellipse(-50, 5, 30, 50);

  ellipse(50, 5, 30, 50);

  fill(255);

  ellipse(-30, -4, 50, 50);

  ellipse(30, -40, 50, 5);

  fill(0);

  ellipse(-3, -40, 30, 30);

  ellipse(30, -40, 30, 30);

  fill(25, 0, 0);

  rectMode(CENTER);

  rect(0, 0, 60, 10);

  fill(#72CAF5, 100);

  ellipse(0, -10, 195, 195);

  noStroke();

  fill(245, 100);

  triangle(5, -80, 65, -65, 45, -75);

  triangle(50, -70, 65, -55, 45, -65);

  xpos = (xpos+5)%350;

}