Definiciones

int:
Corresponde a un numero entero, se ocupa para darle valor a las variables que se utilizaran en el código.

ellipseMode (RADIUS):
El modo radio es igual que el modo centro de ellipseMode. Este modo especifica que la locación de la ellipse será el centro de la figura y desde el centro se definen los bordes de la figura. 

mouseX: 
Es una variable que indica que el valor será equivalente a donde se encuentre la coordinada del mouse en X.

mouseY:
Es una variable que indica que el valor será equivalente a donde se encuentre la coordinada del mouse en Y.

mousePressed:
Esta función es llamada siempre que el botón del mouse sea presionado. Es posible definir que ocurra una "acción" al apretar el boton.

Figura con Variables

int y= 30;

int x=40;

 void setup() {

   

   

size (200,200) ;

background (#CCCCFF);

 }

 void draw() {

   

fill(#000066);

ellipse (60,60,40,40);

fill(#FF0033);

ellipse(80,70,20,20);

fill(#00CC33);

ellipse(100,70,20,20);

fill(#6600CC);

ellipse(120,70,20,20);

fill(#FF6600);

ellipse(140,70,20,20);

fill(#FF0099);

ellipse(160,70,20,20);

fill(#CCFF00);

ellipse(70,30,20,20);

fill(#00FFCC);

ellipse(50,30,20,20);

 }

Robot con Colores y Movimientos

// Robot 3: Response from "Getting Started with Processing" 

// by Reas & Fry. O'Reilly / Make 2010

float x = 60;          // X-coordinate

float y = 440;         // Y-coordinate

int radius = 45;       // Head Radius

int bodyHeight = 160;  // Body Height

int neckHeight = 70;   // Neck Height

float easing = 0.09;

void setup() {

  size(560, 480);

  smooth();

  strokeWeight(6);

  ellipseMode(RADIUS);

}

void draw() {

  

  int targetX = mouseX;

  x += (targetX - x) * easing;

    

  if (mousePressed) {

    neckHeight = 16;

    bodyHeight = 90; 

  } else {

    neckHeight = 70;

    bodyHeight = 160; 

  }

  

  float ny = y - bodyHeight - neckHeight - radius;

  

  background(0,215,255);

  fill(0,255,31);

  rect(0,440,560,40);

  

  // Neck

  stroke(255,0,153);

  line(x+12, y-bodyHeight, x+12, ny); 

  // Antennae

  line(x+12, ny, x-18, ny-43);

  line(x+12, ny, x+42, ny-99);

  line(x+12, ny, x+78, ny+15);

  // Body

  noStroke();

  fill(250,182,223);

  ellipse(x, y-33, 33, 33);

  fill(88,1,53);

  rect(x-45, y-bodyHeight, 90, bodyHeight-33);

  // Head

  fill(88,1,53);

  ellipse(x+12, ny, radius, radius); 

  fill(255);

  ellipse(x+24, ny-6, 14, 14);

  fill(0);

  ellipse(x+24, ny-6, 3, 3);

}

Trabajo en clase con variables

int x= 150;

void setup () {
 
size(600,600);
background (#CC1CE8);

if (x>100) {
 
line(20,20,180,180);
fill (0);
triangle(10,5,80,10,60,90);
triangle(60,90,130,90,120,170);
triangle(130,170,190,130,180,200);
}
}

void draw () {
  if (mousePressed) {
    ellipse (50,50,30,30);
 
  } else {
ellipse (20, 20, 60, 60);
  }
}

Trabajo clase

size(480,120);
smooth ();
strokeWeight (50);
ellipse (140 ,8,190,190);

rect(160,30,260,20);

Robot

size(720,480);

smooth();

strokeWeight(2);

background(204);

ellipseMode(RADIUS);

 //cuello

 stroke(102); //set stroke togray

 line (266,257,266,162);

 line (276,257,276,162); //mitad

 line(286,257,286,162); //derecho

 //antena

 line(276,155,246,112); //pequeño

 line(276,155,306,56);  //alto

 line(276,155,342,170); // medio

 //cuerpo

 noStroke (); // inavilita Stroke

 fill (102); // cetea relleno a gris 

ellipse(264,377,33,33); //orbita ante gravedad

fill(0); // cetea relleno a negro

rect(219 , 257,90,120); //cuerpo robot

fill(102); // cetea relleno a gris 

rect (219,274,90,6); // franja gris 

//cabeza

fill(0); // cetea relleno a negro

ellipse(276,155,45,45); //cabeza

fill (255); // cetea relleno a blanco

ellipse( 288,150,14,14); //tamaño ojo

fill(0); //cetea relleno a negro 

ellipse(288,150,3,3); //pupila

fill(153); //

ellipse(263,148,5,5);

ellipse(296,130,4,4);

ellipse(305,162,3,3);

Trabajo en clase de figuras geometricas

size (200,200);

background(#FFFFFF);

line(80,60,80,180);

stroke (#00CCCC);

line(20,120,160,120);

stroke(#CC0066);

line (20,60,120,160);

stroke (#00CC00);

line (120,80,40,160);

stroke(#FFFF00);

size (200,200);

background (#33FF00);

triangle ( 120, 200,40,40,180,40);

stroke (#3366FF);

triangle (100,130,160,60,80,60);

size(200,200);

background(#660066);

stroke (#CC0033);

rect (100,60,60,60,100,180,180,60);