Takawoo: Step 2 Merge

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(100);

  noLoop();

  noStroke();

}

​

function draw() {

  let counter = 0;

  let dArray = [];

  let xArray = [];

  let yArray = [];

  while (counter < 10) {

    let x = random(0, windowWidth);

    let y = random(0, windowHeight);

    let d = random (100, 250);

    xArray.push(x);

    yArray.push(y);

    dArray.push(d);

    counter++;

  }

  drawCircles(xArray, yArray, dArray);

}

​

function drawCircles(xArray, yArray, dArray) {

  for (let j = 0; j <5; j++) {

    let d = dArray[j];

    for (let i = 0; i < xArray.length; i++) {

      let x = xArray[i];

      let y = yArray[i];

      console.log(d);

      drawLayer(j, x, y, d);

    }

    //d -= 20;

    dArray = dArray.map(d => d - 20);

  }

}

​

function drawLayer(j, x, y, d) {

  const palette = ["#92dce5", "#f7ec59",

    "#FFE9CE", "#FFB5C2",

    "#BFFFBC"

  ];

  fill(palette[j]);

  circle(x, y, d);

}