Processing sketches | Draft // easing circles follow each other

color[] dessert = {#9F9694, #791F33, #BA3D49, #F1E6D4, #E2E1DC};
color[] palette = dessert;
int wide = 800;
int high = 600;

int d = 10;

float x1 = random(wide);
float y1 = random(high);
float easing1 = .01;

float x2 = random(wide);
float y2= random(high);
float easing2 = .03;

float x3 = random(wide);
float y3 = random(high);
float easing3 = .05;

float x4 = random(wide);
float y4 = random(high);
float easing4 = .07;

float x5 = random(wide);
float y5 = random(high);
float easing5 = .1;


void setup() {
  size(wide, high);
  smooth();
  strokeWeight(3);
 // cursor(ARROW); //DEFAULT
//  cursor(CROSS);
//  cursor(HAND);
//  cursor(TEXT);
//  cursor(WAIT);// circle beachball of death, gives anxiety
noCursor();
 
}

void draw() {
//  background(palette[0]);
  //circle 1
stroke(palette[1]); 
noFill();
ellipse(x1, y1, d+15, d+15);
x1 += (mouseX-x1) * easing1;
y1 += (mouseY-y1) * easing1;


//circle 2
stroke(palette[2]); 
noFill();
ellipse(x2, y2, d+10, d+10);
x2 += (mouseX-x2) * easing2;
y2 += (mouseY-y2) * easing2;

//circle 3
stroke(palette[3]); 
noFill();
ellipse(x3, y3, d+20, d+20);
x3 += (mouseX-x3) * easing3;
y3 += (mouseY-y3) * easing3;

//circle 4
stroke(palette[4]); 
noFill();
ellipse(x4, y4, d+30, d+30);
x4 += (mouseX-x4) * easing4;
y4 += (mouseY-y4) * easing4;

//circle 5
stroke(palette[0]); 
noFill();
ellipse(x5, y5, d+40, d+40);
x5 += (mouseX-x5) * easing5;
y5 += (mouseY-y5) * easing5;
 
 
  //Dot on cursor
  noStroke();
  fill(palette[4]);
  ellipse(mouseX, mouseY, d, d);
}