つぶやきProcessing

size(400, 400); background(255); noStroke(); PImage i = loadImage("t"); for(int y = 0; y < 400; y += 10){ for(int x = 0; x < 400; x += 10){ color c = i.pixels[y * 400 + x]; fill(c == 0 ? 255 : c); circle(x + 5, y + 5, 10); } } save("p.png"); #つぶやきProcessing

//#つぶやきProcessing #p5js t=0 draw=_=>{t||createCanvas(W=(w=200)*2,W)+colorMode(HSB,1) background(0,.01) strokeWeight(13) for(T=0;T<TAU;T+=.3) stroke((hour()/24+(m=minute())/60+(s=second()/60)+T/6)/4,1,1), point(w*cos((U=T+s*6)+t*((M=hour()+m)%7))+w,w*sin(U+t*(M%5))+w) t+=.01}

//#つぶやきProcessing #p5js t=0 draw=_=>{ t||createCanvas(W=(w=200)*2,W)+colorMode(HSB,1) s=second()/60 strokeWeight(13) stroke(s,1,1) point(w*cos(s*TAU+t)+w,w*sin(s*TAU-t)+w) t+=.01 }

t=1,setup=_=>{createCanvas(w=400,w)} draw=_=>{background(220),t+=.001,translate(w/2,w/2) for(i=w;i>0;i-=8){beginShape(TESS) for(j=TAU;j>0;j-=PI/8,"#つぶやきProcessing #p5js"){ vertex(a=w/i*cos(j/t)*9,b=w/i*sin(j%t)*3) +fill(a-b,a+b,a/b)}endShape(CLOSE)}}

//#つぶやきProcessing #p5js draw=_=>{createCanvas(W=(w=200)*2,W)+colorMode(HSB,1) blendMode(DIFFERENCE) textAlign(CENTER,CENTER) translate(w,w) C=(r,t,d)=>(fill(T=t/d,1,1,.7),rotate(U=T*TAU),textSize(r),text(t,0,0),rotate(-U)) C(500,second(),60) C(W,minute(),60) C(300,hour(),12)}

//#つぶやきProcessing #p5js t=0 draw=_=> {t||createCanvas(W=(w=200)*2,W)+colorMode(HSB,1) h=hour()/24 m=minute()/60 s=second()/60 strokeWeight(35) stroke((h+m+t*s)%1,1,1,.01) point(s/(S=1+h)*w*cos(s*7+t/S)+w,s/(M=1+m)*w*sin(s*7+t/M)+w) t+=.01 }

#つぶやきProcessing 「身が相」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(x=-f%100,c=0;x<W;x+=50,c=1-c) for(y=-f%100;y<W;y+=50,c=1-c) for(n=0;n<50;n+=10) for(m=0;m<50;m+=5){ fill(c*W) rect(x+n+20*sin(m+n+f/30),y+m,10,5) } }

//#つぶやきProcessing #p5js draw=_=>{createCanvas(W=(w=200)*2,W) colorMode(HSB) blendMode(DIFFERENCE) textAlign(CENTER,CENTER) C=(r,t,d,s)=>(fill((t*r)%w,W,W),textSize(s),text(t,r*cos(T=t/d*TAU-PI/2)+w,r*sin(T)+w)) C(30,hour(),12,500) C(50,minute(),60,W) C(80,second(),60,w)}

#つぶやきProcessing f=0,draw=a=>{for(f||createCanvas(W=400,W,WEBGL),[0,-9].map((t=>pointLight([W],-W,-W*t))),X=rotateX,X(t=49),rotate(f-=.01),i=0;i<TAU;i+=PI/8)push(),translate(0,0,60*sin(f+i+9)),X(i+f),rotate(i-f),pop(T(t,t));box(4e3)},T=(a,o)=>torus(a+cos(f+i+sin(2*f+2))*o,i,t)

//曜変天目 #つぶやきProcessing #p5js t=x=y=0,N=200 draw=_=>{ t++||createCanvas(W=400,W) noStroke() for(i=0;i<N;i++) for(j=0;j<N;j++) u=sin(i+y)+sin(R=TAU/N*i+x), v=cos(i+y)+cos(R), x=u+t, y=v, fill((I=(i+j)/2)>150?I:0,I,I+30), circle(u*N/2+W/2,y*N/2+W/2,random(8)) t+=0.02 }

//#つぶやきProcessing #p5js t=s=0 draw=_=>{ t||createCanvas(W=(w=200)*2,W) strokeWeight(24) S=(R,T)=>R*cos(T) P=(x,y,R,t)=>get(S(R,T=(t+1)/w)+x,S(R,T-1.6)+y)[3]?t+=2:(point(S(R,T=t/w)+x,S(R,T-1.6)+y),++t) stroke('red') t=P(150,180,100,t) stroke('blue') s=P(250,230,100,s) }

//#つぶやきProcessing #p5js t=0 draw=_=>{t||createCanvas(W=(w=200)*2,W)+colorMode(HSB,1) D=(r=191)/1.7 P=(Q=271-r)/r*(T=t/3*TAU) x=Q*cos(3*T)-D*cos(P) y=Q*sin(2*T)+D*sin(P) fill(D*P%1,1,1) text(".:-=+*#%@".split('')[int(abs(D*cos(P)))%9],y+w,x+w) t+=.01}

//#つぶやきProcessing #p5js t=0,P=[] draw=_=>{r=random t||createCanvas(W=(w=200)*2,W) colorMode(HSB,1) noStroke() background(0,.02) t<1?P.push([r(W),r(w)*cos(t)]):0 P.map(([X,Y])=>(fill(((X*Y)+t)%.7+.3,1,1,.01), rect(X+33*abs(cos(t)),Y,r(99),r(66)))) t+=.01}

//#つぶやきProcessing #p5js t=0,P=[] draw=_=> {r=random t||createCanvas(W=(w=200)*2,W) colorMode(HSB,1) noStroke() background(0,.1) P.push([r(W),r(W)]) P.map(([x,y])=>(fill((x+y+t)%1,1,1,.2), ellipse(x+y*cos(x+t/2),y,r(19),r(29)))) t>w?P.shift():0 t+=.01 }

#つぶやきProcessing 「スイラーロード」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(x=0;x<W;x+=3) for(n=0;n<200;n+=9){ fill(W,x*9%255) y=(f*3+9e3+n)*noise(x)%600-50 circle(x+sin(y/30+x)*20,y,9) } }

float i, A, B, S=200; size(800, 800); noStroke(); background(-1); fill(0); for (i=0; i<99; i+=.01) { A=(cos(i*3)-cos(i*9)+2)*.45; B=i/2+(sin(i*3)-sin(i*9))/3+PI/2; circle(S*A*sin(B)+S*2, S*A*cos(B)+S*2, 25*cos(i*9)); } // #つぶやきProcessing

//#つぶやきProcessing #p5js t=0,D=60 draw=_=>{r=random t++||createCanvas(W=400,W)+noStroke()+colorMode(HSB) translate(r(W),r(W)) fill(r(W),D,r(99,W),.7) rotate(r(TAU)) ;[circle,rect,ellipse,triangle,square,quad,bezier,curve][int(r(8))](r(D),r(D),r(D),r(D),r(D),r(D),r(D),r(D)) }

//#つぶやきProcessing #p5js t=0,P=[] draw=_=>{ createCanvas(W=(w=200)*2,W)+colorMode(HSB)+noStroke() for(T=0;T<TAU;T+=.3) P.push([w*cos(T+t)+w,y=w*sin(T-t)+w]) P.map(([x,y])=>(fill((t*x*y)%255,w,w,w),rect(x,y,20))) P.length>W*cos(t/17)?P=[]:0 ++t}

//#つぶやきProcessing #p5js t=0,D=50 draw=_=>{r=random t++||createCanvas(W=(w=(u=100)*2)*2,W)+colorMode(HSB)+background(0,9)+noStroke() X=w+r(-D,D),Y=w+r(-D,D) for(T=0;T<TAU;T+=.2) fill(u=(u+r(D))%255,w+r(-u,u),t%r(W)), x=u*cos(T)+X, y=u*sin(T)+Y, rect(x,y,r(20),r(20)) }

#つぶやきProcessing 「切り紙の覗く穴」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) for(x=0;x<600;x+=30) for(y=-f*noise(x)*3%60;y<600;y+=60){ quad(x,y,x+30,y+30,x,y+60,x-30,y+30) } }

//#つぶやきProcessing #p5js t=0,P=[] draw=_=>{r=random t||createCanvas(W=(w=200)*2,W) background(0,9) P.push([r(W),r(W)]) stroke(W) t>1?P.map((B,i)=>(point(B[0]+=((Q=P[(i+1)%P.length])[0]-B[0])/(M=dist(...B,...Q)),B[1]+=(Q[1]-B[1])/M))):0 ++t>W?P.shift():0}