Rainbow (Caterpillar vs Net)

//Rainbow Dot Matrix

​

var rx = 0;

var ry = 0;

var rxSpeed;

var rySpeed;

​

var x = 0;

var y = 0;

var easing = 0.1;

​

function setup() {

 createCanvas(windowWidth, windowHeight);

  background(255);

  fill(255,0,0);

  noStroke();

  rxSpeed = random(2,5);

  rySpeed = random(1,6);

}

function draw() {

rect(rx, ry, 20, 20);

rx = rx + rxSpeed;

ry = ry + rySpeed;

​

  if(rx>=windowWidth){ //did we hit right side?

    rxSpeed = rxSpeed*-1;

    ellipse(rx,ry,30,20);

  }

  if(rx<=0){ //did we hit left side?

    rxSpeed = rxSpeed*-1;

    rect(rx,ry,20,20);

  }

  if(ry>=windowHeight){ //did we hit top side?

    rySpeed = rySpeed*-1;

    ellipse(rx,ry,50,20);

  }

  if(ry<=0){ //did we hit bottom side?

   rySpeed = rySpeed*-1;

      rect(rx,ry,20,20);

  }

 var targetX = mouseX;

  var targetY = mouseY;

 x += (targetX - x) * easing;

  y += (targetY - y) * easing;

 ellipse(x, y, 12, 12);

   if (mouseIsPressed == true) {

     fill(random(255),random(255),random(255));

ellipse(x,y, 50, 50);

 }

​

​

}