// by SamuelYAN // more works // // https://twitter.com/SamuelAnn0924 // https://www.instagram.com/samuel_yan_1990/ var seed = Math.random() * 9821; var mySize; var circle_r, circle_rMax, angle_r; var space; var m; let xspacing; let w; let maxwaves; let theta; let amplitude = new Array(maxwaves); let dx = new Array(maxwaves); let yvalues; let grad; // color let colors0 = "281914-1a1a1a-202020-242e30".split("-").map((a) => "#" + a); let colors1 = "fef9fb-fafdff-ffffff-fcfbf4-f9f8f6".split("-").map((a) => "#" + a); let colors2 = "8c75ff-c553d2-2dfd60-2788f5-23054f-f21252-8834f1-c4dd92-184fd3-f9fee2-2E294E-541388-F1E9DA-FFD400-D90368-e9baaa-ffa07a-164555-ffe1d0-acd9e7-4596c7-6d8370-e45240-21d3a4-3303f9-cd2220-173df6-244ca8-a00360-b31016".split("-").map((a) => "#" + a); let colors = []; var color_1, color_2, colorbg, color_c; function setup() { randomSeed(seed); frameRate(25); mySize = min(windowWidth, windowHeight); // mySize = 1200; // pixelDensity(5); translate((width - mySize) / 2, (height - mySize) / 2); createCanvas(windowWidth, windowHeight); // createCanvas(mySize, mySize / 35 * 27); colors[0] = random(colors0); colors[1] = random(colors2); colors[2] = random(colors2); colors[3] = random(colors2); colors[4] = random(colors1); color_2 = colors0; colorbg = random(colors0); background(colorbg); circle_rMax = (mySize / 4) * 2; circle_r = 0; angle_r = 0; w = width * 2; m = random(5, 1); xspacing = random(1, 2); maxwaves = random(4, 1); theta = 0.0; // noStroke(); // fill(color_c); for (let i = 0; i < maxwaves; i++) { amplitude[i] = random(10, 30); let period = random(100, 500); dx[i] = (TWO_PI / period) * xspacing; } yvalues = new Array(floor(w / xspacing)); let filter1 = new makeFilter(); } function draw() { randomSeed(seed); push(); noFill(); translate(width / 2, height / 2); rotate(angle_r); drawingContext.setLineDash([]); for (let i = 0; i < xspacing; i += random(2, 1)) { drawingContext.shadowColor = random(colors); drawingContext.shadowOffsetX = random(-1, 1); drawingContext.shadowOffsetY = random(-1, 1); drawingContext.shadowBlur = 0; push(); translate(i, i * m + m); stroke(random(colors)); calcWave(); renderWave(); pop(); } //if (circle_r < circle_rMax) { // push(); // strokeWeight(random(0.5, 2)); // stroke(random(colors)); // // drawingContext.shadowColor = random(colors0); // // drawingContext.shadowOffsetX = -0.5; // // drawingContext.shadowOffsetY = -0.5; // // drawingContext.shadowBlur = 0; // drawingContext.shadowColor = random(colors1); // drawingContext.shadowOffsetX = 0.5; // drawingContext.shadowOffsetY = 0.5; // drawingContext.shadowBlur = 0; // rectMode(CENTER); // square(0, 0, circle_r); angle_r += TAU / 360 / 5; circle_r += random(0.1, 1); // pop(); //} pop(); m -= random(0.1, 0.3); // if (circle_r >= circle_rMax) { // blendMode(DIFFERENCE); // grad = drawingContext.createRadialGradient(0, 0, 0, 0, 0, circle_r); // grad.addColorStop(0, random(colors)); // grad.addColorStop(1, random(colors)); // drawingContext.fillStyle = grad; // push(); // translate(width / 2, height / 2); // rectMode(CENTER); // rotate(random(TAU)); // // circle(width/2, height/2, circle_r); // square(0,0, circle_r*0.75); // pop(); // strokeWeight(random(0.1, 0.2)); // stroke(str(random(colors)) + "80"); // noFill(); // drawingContext.setLineDash([1, 1, 1, 1]); // drawOverPattern(); // image(overAllTexture, 0, 0); // noLoop(); // } } function calcWave() { theta += random(0.005, 0.001); for (let i = 0; i < yvalues.length; i++) { yvalues[i] = 0; } for (let j = 0; j < maxwaves; j++) { let x = theta; for (let i = 0; i < yvalues.length; i++) { if (j % 2 == 0) yvalues[i] += sin(x) * amplitude[j]; else yvalues[i] += cos(x) * amplitude[j]; x += dx[j]; } } } function renderWave() { noFill(); strokeWeight(random(1, 2)); for (let x = 0; x < yvalues.length; x++) { push(); translate(-width * 1 + x * xspacing, random(-height, height * 1.5), ); rotate(theta * TAU); if (x % 3 == 1) { rectMode(CENTER); rect(0, 0, yvalues[x] / 2, random(yvalues[x] / 2, yvalues[x] / 4)); } else if (x % 3 == 2) { ellipse(0, 0, yvalues[x] / 2, random(yvalues[x] / 2, yvalues[x] / 4)); } else { circle(0, 0, random(yvalues[x] / 2, yvalues[x] / 4)); } pop(); } } 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 makeFilter() { randomSeed(seed); // noiseのフィルターをつくる colorMode(HSB, 360, 100, 100, 100); drawingContext.shadowColor = color(0, 0, 5, 5); overAllTexture = createGraphics(windowWidth, windowHeight); overAllTexture.loadPixels(); for (var i = 0; i < width; i++) { for (var j = 0; j < height; j++) { overAllTexture.set( i, j, color(10, 90, 70, noise(i / 3, j / 3, (i * j) / 50) * random(1, 15)) ); } } overAllTexture.updatePixels(); } function keyTyped() { if (key === "s" || key === "S") { saveCanvas("0501_NoisePlanet_Plant_2022", "png"); } }

騒音惑星_植物II NoisePlanet_Plant II

騒音惑星_植物II　NoisePlanet_Plant II