let bgColor; let win; let font; let w=600; function preload() { // preload OTF font file font = loadFont('https://stat.neort.io/externalResource/c8qle7s3p9f0i94dh880.ttf'); } function setup() { createCanvas(ww=min(windowWidth,windowHeight),ww); colorMode(HSB, 360, 100, 100, 100); angleMode(DEGREES); // noLoop(); frameRate(0.5); bgColor = color(random(360), 20, 100); background(bgColor); win = genWindow(); } function draw() { /** fitting canvas scale for window **/ push(); translate((width - min(width, height)) / 2, 0); scale(min(width, height) / 600); bgColor = color(random(360), 20, 100); background(bgColor); // ellipse(mouseX, mouseY, 20, 20); // drawEievui(w/2,w/2,200,0); // drawPikachu(w/2,w/2,200,0); // drawTogepy(w/2,w/2,200,0); // drawMonsterBall(w/2,w/2,200,0); // drawSuperBall(w/2,w/2,200,0); // drawHyperBall(w/2,w/2,200,0); // drawMasterBall(w/2,w/2,200,0); let m = w/1.5; let cnt = 0; let p = []; let r = []; for (let i = 0; i < 1e+5; i++) { // while(true){ let a = random(360); let d = random(m/2); let tp = createVector(cos(a)*d, sin(a)*d); let tr = random(m/2); if ((tr + sqrt(sq(tp.x)+sq(tp.y))) > m/2) { tr = m/2 - sqrt(sq(tp.x)+sq(tp.y)); } let bDup = false; for (let j = 0; j < cnt; j++) { let td = sqrt(sq(tp.x-p[j].x)+sq(tp.y-p[j].y)); if (td < r[j]) { bDup = true; break; } if (td < (tr+r[j])) { tr = td - r[j]; } } if (bDup) { continue; } // If any circle is duplicated... if (tr < 10) { continue; } // If circle is too small... p.push(tp); r.push(tr); // if (tr > max_r) { max_r = tr; max_id = cnt; } cnt++; if (cnt > 1000) { break; } } let buf = createGraphics(w,w); buf.colorMode(HSB, 360, 100, 100, 100); buf.angleMode(DEGREES); shadow(buf, true, color(30), 2, 1); buf.push(); buf.translate(w/2,w/2.4); for (let i = 0; i < cnt; i++) { let mode = int(random(7)); // mode = 6; if (mode==0) { drawEievui(buf, p[i].x, p[i].y, r[i]*2*0.95, random(360)); } if (mode==1) { drawPikachu(buf, p[i].x, p[i].y, r[i]*2*0.95, random(360)); } if (mode==2) { drawTogepy(buf, p[i].x, p[i].y, r[i]*2*0.95, random(360)); } if (mode==3) { drawMonsterBall(buf, p[i].x, p[i].y, r[i]*2*0.95, random(360)); } if (mode==4) { drawSuperBall(buf, p[i].x, p[i].y, r[i]*2*0.95, random(360)); } if (mode==5) { drawHyperBall(buf, p[i].x, p[i].y, r[i]*2*0.95, random(360)); } if (mode==6) { drawMasterBall(buf, p[i].x, p[i].y, r[i]*2*0.95, random(360)); } } buf.pop(); buf.textFont(font); buf.textSize(48); buf.textAlign(CENTER,CENTER); buf.textLeading(30); // buf.text('WE WISH THE PEASE OF\nUKRAINE AND RUSSIA.', w/2, 500); // buf.noStroke(); buf.fill(hue(bgColor), 25, 75); buf.noStroke(); buf.fill(random(20)); let letter = 'POKEMON'; let sp = 380 / (letter.length - 1); for (let i = 0; i < letter.length; i++) { let x = sp * i + (300 - sp * (letter.length - 1) / 2); buf.text(letter.charAt(i), x, 500); } tint(hue(bgColor), 3, 100); shadow(this, true, color(30), 6, 3); image(buf,0,0); noTint(); image(win,0,0); pop(); } function drawEievui(pg,x,y,d,a){ pg.push(); pg.translate(x,y); pg.rotate(a); pg.scale(d/200); pg.noStroke(); pg.fill(40,100,70); pg.circle(0,0,200); pg.noStroke(); pg.fill(50,25,100); pg.beginShape(); pg.vertex(cos( 20)*100, sin( 20)*100); for (let i = 0; i < 7; i++) { let x1 = cos( 20)*100; let y1 = sin( 20)*100; let x2 = cos(160)*100; let y2 = sin(160)*100; pg.vertex(map(i,-1,7,x1,x2), map(i,-1,7,y1,y2)+10*cos(i*180)+15); } pg.vertex(cos(160)*100, sin(160)*100); for (let i=0; i<=50; i++) { pg.vertex(cos(160+i)*100, sin(160+i)*100); } pg.vertex(cos(-150)*100, sin(-150)*100); for (let i = 0; i < 7; i++) { let x1 = cos(-150)*100; let y1 = sin(-150)*100; let x2 = cos( -30)*100; let y2 = sin( -30)*100; pg.vertex(map(i,-1,7,x1,x2), map(i,-1,7,y1,y2)+10*cos(i*180+180)-5); } pg.vertex(cos(-30)*100, sin(-30)*100); for (let i=0; i<=50; i++) { pg.vertex(cos(-30+i)*100, sin(-30+i)*100); } pg.endShape(CLOSE); pg.pop(); } function drawPikachu(pg,x,y,d,a){ pg.push(); pg.translate(x,y); pg.rotate(a); pg.scale(d/200); pg.noStroke(); pg.fill(50,100,100); pg.circle(0,0,200); pg.fill(255,150,0); pg.noStroke(); pg.fill(40,100,40); pg.ellipse(0,10,110,20); pg.ellipse(0,-30,100,20); pg.noStroke(); pg.fill(40,100,30); pg.beginShape(); pg.vertex(cos( 25)*100, sin( 25)*100); for (let i = 0; i < 7; i++) { let x1 = cos( 25)*100; let y1 = sin( 25)*100; let x2 = cos(155)*100; let y2 = sin(155)*100; pg.vertex(map(i,-1,7,x1,x2), map(i,-1,7,y1,y2)+10*cos(i*180)+12); } pg.vertex(cos(155)*100, sin(155)*100); for (let i=0; i>=-130; i--) { pg.vertex(cos(155+i)*100, sin(155+i)*100); } pg.endShape(CLOSE); pg.pop(); } function drawTogepy(pg,x,y,d,a){ pg.push(); pg.translate(x,y); pg.rotate(a); pg.scale(d/200); pg.noStroke(); pg.fill(50,10,100); pg.circle(0,0,200); // fill(255,150,0); pg.noFill(); pg.stroke(0,70,80); pg.strokeWeight(13); pg.strokeJoin(ROUND); pg.beginShape(); pg.vertex(80,0); pg.vertex(60,-60); pg.vertex(20,-70); pg.endShape(CLOSE); pg.noFill(); pg.stroke(230,70,80); pg.strokeWeight(15); pg.beginShape(); pg.vertex(-20,-25); pg.vertex(-70,-45); pg.vertex(-80,20); pg.vertex(-40,30); pg.endShape(CLOSE); pg.noFill(); pg.stroke(0,70,80); pg.strokeWeight(10); pg.beginShape(); pg.vertex(50,50); pg.vertex(40,75); pg.vertex(10,80); pg.endShape(CLOSE); pg.pop(); } function drawMonsterBall(pg,x,y,d,a){ pg.push(); pg.translate(x,y); pg.rotate(a); pg.scale(d/200); pg.noStroke(); pg.fill(0,5,100); pg.circle(0,0,200); pg.noStroke(); pg.fill(0,90,80); pg.arc(0,0,200,200,-180,0); pg.strokeWeight(15); pg.stroke(0,0,10); pg.strokeCap(SQUARE); pg.line(-100,0,100,0); pg.strokeWeight(10); pg.stroke(0,0,10); pg.fill(0,5,100); pg.circle(0,0,60); pg.strokeWeight(2); pg.stroke(0,0,10); pg.fill(0,5,100); pg.circle(0,0,25); pg.pop(); } function drawSuperBall(pg,x,y,d,a){ pg.push(); pg.translate(x,y); pg.rotate(a); pg.scale(d/200); pg.noStroke(); pg.fill(250,5,100); pg.circle(0,0,200); pg.noStroke(); pg.fill(220,90,80); pg.arc(0,0,200,200,-180,0); pg.strokeWeight(15); pg.stroke(0,0,10); pg.strokeCap(SQUARE); pg.line(-100,0,100,0); pg.strokeWeight(10); pg.stroke(0,0,10); pg.fill(250,5,100); pg.circle(0,0,60); pg.strokeWeight(2); pg.stroke(0,0,10); pg.fill(250,5,100); pg.circle(0,0,25); pg.noStroke(); pg.fill(0,85,80); pg.beginShape(); pg.vertex(cos(-35)*100, sin(-35)*100); pg.vertex(cos(-30)* 60, sin(-30)* 60); pg.vertex(cos(-50)* 55, sin(-50)* 55); pg.vertex(cos(-55)*100, sin(-55)*100); for (let i=0; i<=20; i++) { pg.vertex(cos(-55+i)*100, sin(-55+i)*100); } pg.endShape(); pg.noStroke(); pg.fill(0,85,80); pg.beginShape(); pg.vertex(cos(-180+35)*100, sin(-180+35)*100); pg.vertex(cos(-180+30)* 60, sin(-180+30)* 60); pg.vertex(cos(-180+50)* 55, sin(-180+50)* 55); pg.vertex(cos(-180+55)*100, sin(-180+55)*100); for (let i=0; i<=20; i++) { pg.vertex(cos(-180+55-i)*100, sin(-180+55-i)*100); } pg.endShape(); pg.pop(); } function drawHyperBall(pg,x,y,d,a){ pg.push(); pg.translate(x,y); pg.rotate(a); pg.scale(d/200); pg.noStroke(); pg.fill(50,5,100); pg.circle(0,0,200); pg.noStroke(); pg.fill(0,0,15); pg.arc(0,0,200,200,-180,0); pg.strokeWeight(15); pg.stroke(0,0,10); pg.strokeCap(SQUARE); pg.line(-100,0,100,0); pg.strokeWeight(10); pg.stroke(50,0,10); pg.fill(50,5,100); pg.circle(0,0,60); pg.strokeWeight(2); pg.stroke(50,0,10); pg.fill(50,5,100); pg.circle(0,0,25); pg.noStroke(); pg.fill(50,60,90); pg.beginShape(); pg.vertex(cos(-40)*100, sin(-40)*100); pg.vertex(cos(-40)*100, -20); pg.vertex(cos(-60)*100, -20); pg.vertex(cos(-60)*100, sin(-60)*100); for (let i=0; i<=20; i++) { pg.vertex(cos(-60+i)*100, sin(-60+i)*100); } pg.endShape(); pg.noStroke(); pg.fill(50,60,90); pg.beginShape(); pg.vertex(cos(-180+40)*100, sin(-180+40)*100); pg.vertex(cos(-180+40)*100, -20); pg.vertex(cos(-180+60)*100, -20); pg.vertex(cos(-180+60)*100, sin(-180+60)*100); for (let i=0; i<=20; i++) { pg.vertex(cos(-180+60-i)*100, sin(-180+60-i)*100); } pg.endShape(); pg.pop(); } function drawMasterBall(pg,x,y,d,a){ pg.push(); pg.translate(x,y); pg.rotate(a); pg.scale(d/200); pg.noStroke(); pg.fill(270,5,100); pg.circle(0,0,200); pg.noStroke(); pg.fill(270,80,70); pg.arc(0,0,200,200,-180,0); pg.strokeWeight(15); pg.stroke(270,0,10); pg.strokeCap(SQUARE); pg.line(-100,0,100,0); pg.strokeWeight(10); pg.stroke(270,0,10); pg.fill(270,5,100); pg.circle(0,0,60); pg.strokeWeight(2); pg.stroke(270,0,10); pg.fill(270,5,100); pg.circle(0,0,25); pg.noStroke(); pg.fill(330,85,90); pg.beginShape(); pg.vertex(cos(-20)*100, sin(-20)*100); for (let i=0; i<=50; i++) { pg.vertex(cos(-20-i)*(map(pow(50/2-i,2),0,25*25,85,100)), sin(-20-i)*(map(pow(50/2-i,2),0,25*25,85,100))); } pg.vertex(cos(-70)*100, sin(-70)*100); for (let i=0; i<=50; i++) { pg.vertex(cos(-70+i)*100, sin(-70+i)*100); } pg.endShape(); pg.noStroke(); pg.fill(330,85,90); pg.beginShape(); pg.vertex(cos(-180+20)*100, sin(-180+20)*100); for (let i=0; i<=50; i++) { pg.vertex(cos(-180+20+i)*(map(pow(50/2-i,2),0,25*25,85,100)), sin(-180+20+i)*(map(pow(50/2-i,2),0,25*25,85,100))); } pg.vertex(cos(-180+70)*100, sin(-180+70)*100); for (let i=0; i<=50; i++) { pg.vertex(cos(-180+70-i)*100, sin(-180+70-i)*100); } pg.endShape(); pg.pop(); } function shadow(pg, bShadow, col=color(30), blur=10, offset=5) { if (bShadow) { pg.drawingContext.shadowOffsetX = offset; pg.drawingContext.shadowOffsetY = offset; pg.drawingContext.shadowBlur = blur; pg.drawingContext.shadowColor = col; // pg.drawingContext.shadowColor = color(30); // pg.drawingContext.shadowColor = color(200); // pg.drawingContext.shadowColor = color(pal[1]); // drawingContext.shadowColor = bgColor; } else { pg.drawingContext.shadowOffsetX = 0; pg.drawingContext.shadowOffsetY = 0; pg.drawingContext.shadowBlur = 0; } } function genWindow() { let pg = createGraphics(600, 600); let w = 600 / 30; pg.noStroke(); pg.fill(255); pg.rect(0, 0, 600, w); pg.rect(0, 600 - w, 600, w); pg.rect(0, 0, w, 600); pg.rect(600 - w, 0, w, 600); return pg; }

#simple