// by SamuelYAN // more works // // https://twitter.com/SamuelAnn0924 // https://www.instagram.com/samuel_yan_1990/ var p = []; var mySize; var seed = Math.random() * 2961; let colors0 = "202020-1a1a1a-282828".split("-").map((a) => "#" + a); let colors1 = "fef9fb-fafdff-ffffff-fcfbf4-f9f8f6".split("-").map((a) => "#" + a); let colors7 = "4596c7-6d8370-e45240-21d3a4-3303f9".split("-").map((a) => "#" + a); let colors8 = "5d565c-b41a1d-c0dee4-edb136-e07958".split("-").map((a) => "#" + a); let colors2 = "7382ce-9fb7f4-12177d-9bb5e9-7486af".split("-").map((a) => "#" + a); let colors3 = "1b1b1b-292929-f3f3f3-222222-ff0000".split("-").map((a) => "#" + a); let colors4 = "eda492-d59c95-af3918-d9b6b5-853532".split("-").map((a) => "#" + a); let colors5 = "f86fcd-97d183-240ce8-b0e298-7f37e8".split("-").map((a) => "#" + a); let colors6 = "2E294E-541388-F1E9DA-FFD400-D90368".split("-").map((a) => "#" + a); let colorset = []; let colorbg; let margin; function setup() { // pixelDensity(5); randomSeed(seed); mySize = 1500; createCanvas(windowWidth, windowHeight); margin = mySize / 100; for (let i = 0; i < mySize * random([2,3]); i++) { p[i] = createVector(random(-margin, width + margin), random(-margin, height + margin)); } colorbg = random(colors0); let num_c = random([colors2,colors3,colors4,colors5,colors6,colors7,colors8]); colorset[0] = random(colors1); colorset[1] = random(num_c); colorset[2] = random(num_c); colorset[3] = random(num_c); colorset[4] = random(colors0); background(colorbg); } function draw() { randomSeed(seed); noiseSeed(seed); background(random(colors0)); strokeWeight(random(0.01, 0.2)); stroke(str(random(colors1)) + "1a"); noFill(); drawingContext.setLineDash([1, 1, 1, 1]); drawOverPattern(); //blendMode(LIGHTEST); for (let newp of p) { // noprotect let version = random(150, 250); let b1 = noise(newp.x / version, newp.y / version) * TWO_PI; // parameter02 let c = random(2000, 5000); // *** main point *** // // build new b based on b and c b2 = (TWO_PI / c) * int((b1 / TWO_PI) * c); newp.add(sin(b2), cos(b2)); noFill(); stroke(0); push(); translate(random(newp.x / 4 * 3, newp.x / 4 * 5), random(newp.y / 4 * 3, newp.y / 4 * 5)); let gard_w = random(10, 50) / 1; let gard_h = random(30, 10); if (b1 < 1.75) { let grad = drawingContext.createLinearGradient(0, 0, gard_w, gard_h); grad.addColorStop(0, colorset[0]); grad.addColorStop(1, str(random(colors1)) + "00"); drawingContext.strokeStyle = grad; } else if (b1 > 1.75 && b1 < 2.25) { let grad = drawingContext.createLinearGradient(0, 0, gard_w, gard_h); grad.addColorStop(0, colorset[1]); grad.addColorStop(1, random(colors2)); drawingContext.strokeStyle = grad; } else if (b1 > 2.25 && b1 < 2.75) { let grad = drawingContext.createLinearGradient(0, 0, gard_w, gard_h); grad.addColorStop(0, colorset[2]); grad.addColorStop(1, random(colors2)); drawingContext.strokeStyle = grad; } else if (b1 > 3 && b1 < 3.75) { let grad = drawingContext.createLinearGradient(0, 0, gard_w, gard_h); grad.addColorStop(0, colorset[3]); grad.addColorStop(1, str(random(colors2)) + "40"); drawingContext.strokeStyle = grad; } else { let grad = drawingContext.createLinearGradient(0, 0, gard_w, gard_h); grad.addColorStop(0, colorset[4]); grad.addColorStop(1, str(random(colors1)) + "1a"); drawingContext.strokeStyle = grad; } strokeWeight(random(0.1, 0.25)); drawingContext.setLineDash([2, 2, 3, 2, 2, 3]); strokeCap(SQUARE); let r_h = random(gard_h); let r_w = random(gard_w); for (let i = 0; i < (r_h - r_w) * 2; i += 4) { rotate(random([PI / 2, PI, -PI / 2, -PI]) + random(TAU)); rectMode(CENTER); drawingContext.shadowColor = random(colors0); drawingContext.shadowOffsetX = 1 / 2; drawingContext.shadowOffsetY = 1 / 2; drawingContext.shadowBlur = 0; square(0, 0, (gard_h - i)) drawingContext.shadowColor = random(colorset); drawingContext.shadowOffsetX = -1 / 2; drawingContext.shadowOffsetY = -1 / 2; drawingContext.shadowBlur = 0; circ(0, 0, (gard_w + i)) } pop(); noLoop(); } strokeWeight(random(0.2, 0.1)); stroke(str(random(colors1)) + "1a"); noFill(); drawingContext.setLineDash([1, 1, 1, 1]); drawOverPattern(); drawingContext.shadowColor = str(random(colors0)) + "00"; drawingContext.shadowOffsetX = 0; drawingContext.shadowOffsetY = 0; drawingContext.shadowBlur = 0; //frame blendMode(MULTIPLY); noFill(); stroke("#202020"); drawingContext.setLineDash([]); strokeWeight(margin); rectMode(CORNER); rect(0, 0, width, height); noLoop(); } function drawOverPattern() { push(); translate(width / 2, height / 2); rotate(-PI / 2); let s = mySize / 2 * sqrt(3) - 2; let n = 4; for (let theta = 0; theta < TWO_PI; theta += TWO_PI / 6) { // noprotect divideOP(0, 0, s * cos(theta), s * sin(theta), s * cos(theta + TWO_PI / 6), s * sin(theta + TWO_PI / 6), n); } pop(); } function prop(x1, y1, x2, y2, k) { let x3 = (1 - k) * x1 + k * x2; let y3 = (1 - k) * y1 + k * y2; return [x3, y3]; } function divideOP(x1, y1, x2, y2, x3, y3, n) { if (n > 1) { let [xA, yA] = prop(x1, y1, x2, y2, 1 / 3); let [xB, yB] = prop(x1, y1, x2, y2, 2 / 3); let [xC, yC] = prop(x2, y2, x3, y3, 1 / 3); let [xD, yD] = prop(x2, y2, x3, y3, 2 / 3); let [xE, yE] = prop(x3, y3, x1, y1, 1 / 3); let [xF, yF] = prop(x3, y3, x1, y1, 2 / 3); let [xG, yG] = prop(xF, yF, xC, yC, 1 / 2); divideOP(x1, y1, xA, yA, xF, yF, n - 1); divideOP(xA, yA, xB, yB, xG, yG, n - 1); divideOP(xB, yB, x2, y2, xC, yC, n - 1); divideOP(xG, yG, xF, yF, xA, yA, n - 1); divideOP(xC, yC, xG, yG, xB, yB, n - 1); divideOP(xF, yF, xG, yG, xE, yE, n - 1); divideOP(xG, yG, xC, yC, xD, yD, n - 1); divideOP(xD, yD, xE, yE, xG, yG, n - 1); divideOP(xE, yE, xD, yD, x3, y3, n - 1); } else { makeTriangle([x1, y1], [x2, y2], [x3, y3]); } } function makeTriangle(v1, v2, v3) { let points = shuffle([v1, v2, v3]); let [x1, y1] = points[0]; let [x2, y2] = points[1]; let [x3, y3] = points[2]; let iStep = 1 / (pow(2, floor(random(4, 2)))); for (let i = 0; i < 1; i += iStep) { // noprotect let [x4, y4] = prop(x1, y1, x2, y2, 1 - i); let [x5, y5] = prop(x1, y1, x3, y3, 1 - i); triangle(x1, y1, x4, y4, x5, y5); } } function circ(x, y, d) { noFill(); let options2 = int(random(2)); push(); translate(x, y); rotate(PI * 0.25 * random(1)); strokeWeight(random(0.25, 0.1)); if (options2 == 0) { let num = int(random(4, 7)); let l = d * random(0.1, 1); for (let a = 0; a < TAU; a += TAU / num) { stroke(random(colorset)); drawingContext.setLineDash([]); line(d * 1 * cos(a), d * 1 * sin(a), l * cos(a), l * sin(a)); } } else if (options2 == 1) { let num = int(random(5, 1)); strokeWeight(random(0.1, 2.0)); stroke(random(colorset)); //stroke(random(360), 90, 75, random(95, 55)); for (let a = 0; a < TAU; a += TAU / num) { drawingContext.setLineDash([10,1,10]); circle(d * 0.75 * tan(a), d * 0.75 * sin(a), d/random(1,2)); } } else { stroke(random(colorset)); square(0, 0, d / 2); } pop(); }