/** * color pallet */ // let curl = "https://coolors.co/555233-df921d-878937-cfc52A-dc2a41"; let curl = "https://coolors.co/1b998b-ed217c-2d3047-fffd82-ff9b71"; // let curl = "https://coolors.co/f0a202-f18805-d95d39-0e1428-7b9e89"; // let curl = "https://coolors.co/f79f79-f7d08a-e3f09b-87b6a7-5b5941"; // let curl = "https://coolors.co/087e8b-ff5a5f-3c3c3c-f5f5f5-c1839f"; let bgColor; let seed, noiseArg; let num; let obj1, obj2; let cx, cy, cd, cnum; function setup() { createCanvas(windowWidth, windowHeight); // 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); obj1 = []; obj2 = []; num = min(width, height) / 3; for (let i = 0; i < num; i++) { obj1[i] = new VertLine(map(i, 0, num-1, 0, width)); obj1[i].setColor(lerpColor(color(pal[0]), color(pal[1]), map(i, 0, num-1, 0, 1))); obj2[i] = new HorzLine(map(i, 0, num-1, 0, width)); obj2[i].setColor(lerpColor(color(pal[2]), color(pal[3]), map(i, 0, num-1, 0, 1))); } cx = []; cy = []; cd = []; cnum = 12; let maxD = min(width, height) * 0.2; for (let i = 0; i < cnum; i++) { cx[i] = random(width); cy[i] = random(height); cd[i] = random(maxD*0.3, maxD); } seed = random(1e+4); noiseArg = random(1e+4); background(bgColor); // effect(); // noise effect } function update() { pal = shuffle(pal); for (let i = 0; i < num; i++) { obj1[i].setColor(lerpColor(color(pal[0]), color(pal[1]), map(i, 0, num-1, 0, 1))); obj2[i].setColor(lerpColor(color(pal[2]), color(pal[3]), map(i, 0, num-1, 0, 1))); } let maxD = min(width, height) * 0.2; for (let i = 0; i < cnum; i++) { cx[i] = random(width); cy[i] = random(height); cd[i] = random(maxD*0.3, maxD); } } function draw() { // randomSeed(seed); background(bgColor); for (let i = 0; i < num; i++) { obj1[i].draw(); obj2[i].draw(); } update(); noiseArg+=4e-3; // effect(); // drawWindow(); } class VertLine { constructor(_x) { this.x = _x; this.w = min(width, height) * 5e-3; this.c = color(pal[0]); } draw() { noStroke(); fill(this.c); beginShape(); for (let y = 0; y <= height; y+=2) { let tw = this.calcWidth(this.x, y); let tx = this.x + tw / 2; vertex(tx, y); } for (let y = height; y >= 0; y-=2) { let tw = this.calcWidth(this.x, y); let tx = this.x - tw / 2; vertex(tx, y); } endShape(); } calcWidth(x, y) { let w = min(width, height) * 5e-3; for (let i = 0; i < cnum; i++) { let minD = cd[i] * 0.99; let maxD = cd[i] * 1.01; let d = constrain(dist(cx[i], cy[i], x, y), minD, maxD); // w = min(w, map(d, minD, maxD, 4, 5)); w *= map(d, minD, maxD, 0.6, 1); } return w; } setPos(_x, _y) { this.x = _x; this.y = _y; } setSize(_d) { this.d = _d; } setWidth(_w) { this.w = _w; } setColor(_c) { this.c = _c; } setSeed(_sd) { this.sd = _sd; } } class HorzLine { constructor(_y) { this.y = _y; this.h = 5; this.c = color(pal[0]); } init() {} update() {} draw() { noStroke(); fill(this.c); beginShape(); for (let x = 0; x <= width; x+=2) { let th = this.calcHeight(x, this.y); let ty = this.y + th / 2; vertex(x, ty); } for (let x = width; x >= 0; x-=2) { let th = this.calcHeight(x, this.y); let ty = this.y - th / 2; vertex(x, ty); } endShape(); } calcHeight(x, y) { let h = 5; for (let i = 0; i < cnum; i++) { let minD = cd[i] * 0.99; let maxD = cd[i] * 1.01; let d = constrain(dist(cx[i], cy[i], x, y), minD, maxD); h *= map(d, minD, maxD, 0.6, 1); } return h; } setPos(_x, _y) { this.x = _x; this.y = _y; } setSize(_d) { this.d = _d; } setWidth(_w) { this.w = _w; } setColor(_c) { this.c = _c; } setSeed(_sd) { this.sd = _sd; } } function easeInQuart(t) { return 1 + (--t) * t * t * t * t; } function easeInElastic(t) { return (0.01 - 0.01 / t) * Math.sin(60 * t) + 1; } function keyPressed() { if (keyCode == ENTER) { save('200104.png'); } } function effect() { strokeWeight(1); for (let i = 0; i < width * height * 5 / 100; i++) { stroke(0, 0, 0, 10); let px = random(width); let py = random(height); point(px, py); } } function drawWindow() { w = width / 30; noStroke(); fill(255); rect(0, 0, width, w); rect(0, height - w, width, w); rect(0, 0, w, height); rect(width - w, 0, w, height); } function createPallete(_url) { let slash_index = _url.lastIndexOf('/'); let pallate_str = _url.slice(slash_index + 1); let arr = pallate_str.split('-'); for (let i = 0; i < arr.length; i++) { arr[i] = '#' + arr[i]; } return arr; }

Somunium knitting