Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology. There are tens of thousands of students, artists, designers, researchers, and hobbyists who use Processing for learning and prototyping.

MRect r1, r2, r3, r4;

 

void setup()

{

  size(640, 360);

  fill(255, 204);

  noStroke();

  r1 = new MRect(1, 134.0, 0.532, 

    0.1*height, 10.0, 60.0);

  r2 = new MRect(2, 44.0, 0.166,

    0.3*height, 5.0, 50.0);

  r3 = new MRect(2, 58.0, 0.332,

    0.4*height, 10.0, 35.0);

  r4 = new MRect(1, 120.0, 0.0498,

    0.9*height, 15.0, 60.0);

}

 

void draw()

{

  background(0);

  r1.display();

  r2.display();

  r3.display();

  r4.display();

  r1.move(mouseX-(width/2),

    mouseY+(height*0.1), 30);

  r2.move((mouseX(width*0.05))%width,

    mouseY+(height*0.025), 20);   

  r3.move(mouseX/4, mouseY-

    (height*0.025), 40);

  r4.move(mouseX-(width/2),

    (height-mouseY), 50);

}

​

class MRect 
{
  int w; // single bar width
  float xpos; // rect xposition
  float h; // rect height
  float ypos ; // rect yposition
  float d; // single bar distance
  float t; // number of bars

​

MRect(int iw, float ixp, float ih, float iyp, float id, float it) {
    w = iw;
    xpos = ixp;
    h = ih;
    ypos = iyp;
    d = id;
    t = it;
  }

​

void move (float posX, float posY, float damping) {
    float dif = ypos - posY;
    if (abs(dif) > 1) {
      ypos -= dif/damping;
    }
    dif = xpos - posX;
    if (abs(dif) > 1) {
      xpos -= dif/damping;
    }
  }
 
  void display() {
    for (int i=0; i<t; i++) {
      rect(xpos+(i*(d+w)), ypos, w, height*h);
    }
  }
}