xxxxxxxxxx
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);
}