Example 1: Rectangle Drawer

function setup() {

  createCanvas(750, 750);

  background(0, 0, 0);

  rectMode(CENTER);

}

function draw() {

  //background(0, 0, 0);

  //background(0, 0, 0, 5);  // r, g, b, alpha

  stroke(130, 50, 100);

  //stroke(255, 255, 255, 100); // r, g, b, alpha

  noFill(); // no fill / transparent

  //fill(255, 255, 255, 10);

  translate(mouseX, mouseY);

  //rotate(random(2*PI)); // rotate with random angle

  rotate(millis()/1000); // rotate with linear angle over time

  //rotate(PI / 3.0)

  //circle(0, 0, 100); // position x, y, diameter

  //ellipse(0, 0, 29, 100); // position x, y, width, height

    stroke(255);

  //stroke(255, 255, 255, 100); // r, g, b, alpha

  rect(0, 0, 20, 30) ; // position x, y, width, height

  //line(0, 0, mouseX, mouseY);

    stroke(25,5,80);

  //stroke(255, 255, 255, 100); // r, g, b, alpha

  //triangle (30, 75, 58, 20, 86, 75)

  // draw a sphere with radius 40

function setup() {

  describe('a white sphere with rgb(214,15,15) wireframe lines');

}

​

function draw() {

  background(205, 102, 94);

  sphere(40);

}

}