gradient


マウスとそれぞれの四角との距離の値を四角の色Rに代入しました。

// noprotect
// ( ͡° ͜ʖ ͡°)
function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(0);
  for(var i = 0;i < 80;i++){
    for(var j = 0;j < 80;j++){
      var x0 = i*5;
      var y0 = j*5;
      var dx = x0-mouseX;
      var dy = y0-mouseY;
      var c = sqrt(dx*dx+dy*dy);
      if(c < 0)c=0;
      if(c > 255)c=255;
      fill(c,i*6,j*6);
      rect(x0,y0,5,5);
      
    }
  }
}