// ＊＊＊＊＊＊＊＊＊＊＊＊＊ // Haru no niji. // by @nasana_x // ＊＊＊＊＊＊＊＊＊＊＊＊＊ let num, num_x, num_y; let cell; let bk; let cols = ["#D9A0AF", "#D9CCD3", "#C1D6D9", "#D9A79C", "#F29494"]; let Patterns = []; function setup() { createCanvas(windowWidth, windowHeight); // createCanvas(11012, 1080); //num_= floor(width * 0.01); num_x = floor(width * 0.01); num_y = floor(height * 0.01); bk = color(255); background(bk); //rectMode(CENTER); angleMode(DEGREES); cell = width / num_x; for(let j = 0; j < num_y; j++){ Patterns[j] = []; for(let i = 0; i < num_x; i++){ let x = i * cell + cell / 2; let y = j * cell + cell / 2; Patterns[j][i] = new Pattern(x, y); } } } function draw(){ //background(bk); push(); fill(bk); noStroke(); let bkgrad = drawingContext.createLinearGradient(width / 2, 0, width / 2, height * 2); bkgrad.addColorStop(0.0, color(255)); bkgrad.addColorStop(0.2, color(255)); bkgrad.addColorStop(1.0, color(255, 255, 240)); drawingContext.fillStyle = bkgrad; rect(0, 0, width, height); pop(); push(); for(let j = 0; j < num_y; j++){ for(let i = 0; i < num_x; i++){ Patterns[j][i].draw(); } } pop(); } class Pattern{ constructor(x, y){ this.p = createVector(x, y); this.ang = int(random(4)); this.time = 0; this.c1 = color(255, 255, 245); this.c2 = color(random(cols)); this.noiseVal; this.noiseScale = 0.02; this.rand1 = random(); this.rand2 = random(); this.rand3 = random(); this.rand4 = random(); this.rand5 = random(); this.rand6 = random(); } draw(){ push(); translate(this.p.x, this.p.y); rotate(this.ang * 90); this.time += num_x * 0.05; noiseDetail(5, 0.5); this.noiseVal = noise(this.p.x * this.noiseScale, this.p.y * this.noiseScale); let alpha_value = abs(5 + cos(this.time * this.noiseVal) * 250); this.c1.setAlpha(alpha_value); this.c2.setAlpha(alpha_value); let gradient = drawingContext.createLinearGradient(-cell / 2, -cell / 2, cell / 2, cell / 2); gradient.addColorStop(0.0, this.c1); gradient.addColorStop(1.0, this.c2); drawingContext.fillStyle = gradient; drawingContext.strokeStyle = gradient; let weight = int(cell / 4); strokeWeight(weight); strokeCap(SQUARE); if(this.rand1 < 0.4){ push(); noStroke(); arc(-cell / 2, -cell / 2, cell + weight, cell + weight, 0, 90); //arc(-cell / 2, 0, weight, weight, -90, 90); //arc(0, -cell / 2, weight, weight, 0, 180); stroke(bk); strokeWeight(weight * 0.8); this.rand2 < 0.5 ? point(-cell / 3, -cell / 3) : point(); pop(); } else{ push(); noFill(); arc(-cell / 2, -cell / 2, cell, cell, 0, 90); pop(); push(); strokeWeight(weight * 0.8); this.rand3 < 0.5 ? point(-cell / 3, -cell / 3) : point(); pop(); } if(this.rand4 < 0.4){ push(); noStroke(); arc(cell / 2, cell / 2, cell + weight, cell + weight, -180, -90); //arc(cell / 2, 0, weight, weight, 90, -90); //arc(0, cell / 2, weight, weight, -180, 0); stroke(bk); strokeWeight(weight * 0.8); this.rand5 < 0.5 ? point(cell / 3, cell / 3) : point(); pop(); } else{ noFill(); arc(cell / 2, cell / 2, cell, cell , -180, -90); push(); stroke(bk); strokeWeight(weight * 0.8); this.rand6 < 0.5 ? point(cell / 3, cell / 3) : point(); pop(); } pop(); } }