/** * color pallet */ // let curl = "https://coolors.co/555233-df921d-878937-cfc52A-dc2a41"; // let curl = "https://coolors.co/034732-008148-c6c013-ef8a17-ef2917"; let curl = "https://coolors.co/757780-d2cca1-387780-dbd4d3-e83151"; let bgColor; let seed, noiseArg; let obj, num; function setup() { createCanvas(600, 600); // colorMode(HSB, 360, 100, 100, 100); angleMode(DEGREES); background(255); // noLoop(); // frameRate(0.5); pal = createPallete(curl); let cid = int(random(pal.length)); bgColor = pal[cid]; pal.splice(cid, 1); pal = shuffle(pal); num = 7; obj = []; for (let i = 0; i < num; i++) { for (let j = 0; j < num; j++) { let x = map(j, 0, num-1, 100, 500); let y = map(i, 0, num-1, 100, 500); obj[i*num+j] = new Circle({ x: x, y: y, d: random(30, 50), phase: int(dist(x, y, 0, 0)/60) }); } } seed = random(1e+4); noiseArg = random(1e+4); background(bgColor); // effect(); // noise effect } function draw() { // randomSeed(seed); background(bgColor); // pal = shuffle(pal); // strokeWeight(5); stroke(10); fill(pal[0]); for (let i = 0; i < obj.length; i++) { obj[i].draw(lerpColor(pal[0], pal[1], map(obj[i].curr_d, 35, 45, 0, 1))); } for (let i = 0; i < obj.length; i++) { if (i-num>=0) { drawConnection(obj[i], obj[i-num]); } if (i+1