let step;

let n = 80; // number of blobs

let radius = 20; // diameter of the circle

let inter = 1; // difference between the sizes of two blobs

let maxNoise;

​

let noiseProg = (x) => (x);

​

function setup() {

  serial = new p5.SerialPort();

​

  serial.list();

  serial.open('/dev/tty.usbmodem14101');

  serial.on('data', receiveData);  

  createCanvas(500, 500);

  angleMode(DEGREES);

  noFill();

​

  kMax = random(0.6, 1.0);

  step = 0.01;

  noStroke();

}

​

function receiveData() {

  maxNoise = serial.readLine();

} 

​

function draw() {

  blendMode(BLEND);

  background(0);

  blendMode(ADD);

  let t = frameCount/150;

  for (let i = n; i > 0; i--) {

    let size = radius + i * inter;

    let alpha = pow(1 - noiseProg(i / n), 3);

    let k = kMax * sqrt(i/n);

    let noisiness = maxNoise * noiseProg(i / n);

    fill(255, 0, 0, alpha*255);

    blob(size, width/2, height/2, k, t - i * step, noisiness);

    fill(0, 255, 0, alpha*255);

    blob(size, width/2, height/2, k, t - i * step + 0.2, noisiness);

    fill(0, 0, 255, alpha*255);

    blob(size, width/2, height/2, k, t - i * step + 0.4, noisiness);

  }

}

​

function blob(size, xCenter, yCenter, k, t, noisiness) {

  beginShape();

  let angleStep = 360 / 8;

  for (let theta = 0; theta <= 360 + 2 * angleStep; theta += angleStep) {

    let r1, r2;

    r1 = cos(theta)+1;

    r2 = sin(theta)+1;

    let r = size + noise(k * r1,  k * r2, t) * noisiness;

    let x = xCenter + r * cos(theta);

    let y = yCenter + r * sin(theta);

    curveVertex(x, y);

  }

  endShape();

}

​

// edited on Roni Kaufman's code