let w = 900, h = 900; let c1, c2; function mousePressed() { redraw(); } function setup() { createCanvas(w, h); noLoop(); smooth(); colorMode(HSB, 360, 100, 100, 100); } function drawMountain() { noStroke(); fill(0,0,35,90); var k, l; noiseSeed(int(random(50))); beginShape(); vertex(0,900); for(let i = 0; i < w; i++) { k = noise(i*0.003); l = -100*k; vertex(i, 780 + l); } vertex(w,900); endShape(CLOSE); } function drawTrace(px, py, r) { noStroke(); var sx, sy, sr; var max = 50; for(let i = 0; i < max; i++) { fill(20,40,90, 60 - i*5); // nice pink sx = px; sy = py - i*3; sr = r - (i/10); circle(sx, sy, sr); } } function drawRings(px, py, r) { stroke(60,90,40,20); noFill(); strokeWeight(r/6); line(px, py, px-r/2, py+r/2); strokeWeight(r/5); circle(px, py, r); } function drawBigCircle(px, py ,r) { noStroke(); push(); translate(px,py); var ctx = drawingContext; var gradient = ctx.createLinearGradient( -r,-r, +r,+r ); gradient.addColorStop(0, color(75, 33, 99, 100)); gradient.addColorStop(1, color(25, 13, 97, 100)); ctx.fillStyle = gradient; circle(0,0,r); pop(); } // black function drawBall1(px,py,r) { noStroke(); push(); translate(px,py); var max = int(r/3)+1; var ratio,darkness; var dir = random(); var dst; for(let i = 0; i < max; i++) { dst = r/20 * (max-i)/10; if(dir < 0.5) { translate(dst, r/20); } else { translate(r/20, dst); } darkness = map(i, 0, max-3, 90, 1); noStroke(); fill(0,0,0,darkness); ratio = map(i, 0, max, 1.0, 0.0); circle(0,0,r*ratio); if(i == max-1) { fill(40,50,30,100); if(dir < 0.5) { translate(dst*4, r/20*4); } else { translate(r/20*4, dst*4); } circle(0, 0, 10); var k = 300; noFill(); strokeWeight(2); stroke(0,0,0,15); bezier( 0, 0, random(k), random(k/2), random(k/2), random(k), random(k-50,k+100),random(k-50,k+100) ); fill(0,0,96,100); noStroke(); for(let k = 0; k < 24; k++) { circle(random(100), random(100), 4); } } } pop(); } // gray function drawBall2(px,py,r) { noStroke(); push(); translate(px,py); var max = r/3; var ratio,darkness; var dir = random(); var dst; var fx ,fy; for(let i = 0; i < max; i++) { if(dir < 0.5) { dst = r/10 * (max-i)/5; translate(-dst, r/10); fx += -dst; fy += r/10; } else { dst = r/10 * (max-i)/5; translate(r/10, -dst); fx += r/10; fy += -dst; } darkness = map(i, 0, max-3, 90, 1); fill(0,0,85,darkness); ratio = map(i, 0, max, 1.0, 0.0); circle(0,0,r*ratio); } pop(); } function drawLines(px, py, l) { strokeCap(ROUND); strokeWeight(1); stroke(50,5,87,100); var sx,sy, d, dy; for(let i = 0; i < 20;i++) { sx = px; sy = py + i*5 + random(0,1); line(sx, sy, sx+l, sy); } } function drawMoyou(px, py) { stroke(0,0,84,100); // stroke(0,0,94,100); noFill(); strokeWeight(3); var max = 240; push(); translate(px, py); rotate(random(TWO_PI)); r = 5; var theta=0; var vx , vy; var prevx = [max]; var prevy = [max]; for(let j = 0; j < max; j++) { vx = r * cos(theta); vy = r * sin(theta); prevx[j] = vx; prevy[j] = vy; if(j == 0) { continue; } line(prevx[j-1], prevy[j-1], vx, vy); theta += TWO_PI/(max/2.4); r *= 1.01; } pop(); } function drawClouds(px, py, r, dir) { var rx, ry; strokeCap(ROUND); strokeWeight(50); stroke(210, 5, random(95,98), 100); line(px, py, px + dir*random(140,350), py); // fill(50, 3, 92, 100); // var num = random(20,80); // for(let i = 0; i < num; i++) { // rx = px + i * 5 * dir; // ry = py; // circle(rx, ry, r); // } } function drawGradientBackgounrd(c1, c2) { var n, cc; for(let i = 0; i < h; i++) { n = map(i, 0, h, 0, 1); cc = lerpColor(c1,c2,n); stroke(cc); line(0, i, w, i); } } function drawNoiseLines(num) { stroke(200, 8, 97, 100); strokeWeight(0.1); var x1, y1, x2, y2; for(let i = 0; i < num; i++) { x1 = random(-100,w+100); y1 = random(-100,h+100); x2 = random(-100,w+100); y2 = random(-100,h+100); line(x1,y1,x2,y2); } } function drawGrain(num) { strokeWeight(0.6); var x1, y1; for(let i = 0; i < num; i++) { x1 = random(w); y1 = random(h); if(random() < 0.3) { stroke(190, 74, 98, 100); } else { stroke(40, 84, 97, 100); } point(x1,y1); } } function drawBamboo(num) { strokeWeight(1.5); stroke(0,0,90,90); var rx = random(-100, w+100); var ry = h + 50; var x1, y1, x2, y2, cx1, cy1, cx2, cy2; push(); translate(w/2, w+100); for(let i = 0; i < num; i++) { x1 = random(-w,w); x2 = x1 + random(-40,40); y1 = 0; y2 = -random(100,200); cx1 = x1 + random(-40,40); cx2 = x1 + random(-40,40); cy1 = 40; cy2 = -random(0,200); curve(cx1, cy1, x1, y1, x2, y2, cx2, cy2); } pop(); } function drawWaveBalls(px, py, r, s) { stroke(0, 0, 90, 100); fill(120, 10, 90, 100); var nx, ny; noiseSeed(s); for(let i = 0; i < 40; i++) { nx = i * (r+4) + px; ny = noise(i * 0.1) * 200 + py - i*5; circle(nx, ny, r); } } function mousePressed() { clear(); redraw(); } function draw() { var cx, cy, l, r; var bgType = random(); if(bgType < 0.333) { c1 = color(55, 4, 96, 100); c2 = color(34,15,89, 100); } else if(bgType < 0.666) { c1 = color('#abced8'); c2 = color('#84b9cb'); } else { c1 = color('#c8d5bb'); c2 = color('#9ba88d'); } drawGradientBackgounrd(c1, c2); drawGrain(20000); drawNoiseLines(1500); /// wave circle for(let i = 0; i < 5; i++) { cx = random(w/10, w/3); cy = random(h); r = random(4, 8); drawWaveBalls(cx, cy, r, i*2); } /// big circle for(let i = 0; i < 4; i++) { cx = random(w); cy = random(h*5/6); r = random(150,250); drawBigCircle (cx, cy, r); } drawMountain(); drawBamboo(390); cx = 0; r = 50; cy = random(h/9, h * 2/3); for(let i = 0; i < 3; i++) { drawClouds(0, cy + 80 * i, r, 1); } cy = random(0, h * 2/3); for(let i = 0; i < 3; i++) { drawClouds(w, cy + 80 * i, r, -1); } // lines for(let i = 0; i < 10; i++) { cx = random(w); cy = random(h); l = random(100,400); drawLines(cx, cy, l); } // moyou for(let i = 0; i < 15; i++) { cx = random(w); cy = random(h); drawMoyou(cx, cy); } // pink trace for(let i = 0; i < 12; i++) { cx = random(w/6, w*5/6); cy = random(h); r = random(5,10); drawTrace(cx, cy, r); } // ring for(let i = 0; i < 10; i++) { cx = random(w); cy = random(h); r = random(15,20); drawRings(cx, cy, r); } // gray ball for(let i = 0; i < 20; i++) { cx = random(w); cy = random(h); drawBall2(cx, cy, random(5,30)); } // black ball for(let i = 0; i < 10; i++) { cx = random(w); cy = random(h/10, w*9/10); drawBall1(cx, cy, random(40,60)); } }