#つぶやきProcessing 「曖昧な白蝶」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(t=0;t<W;t++){ F=f+t/5 X=int(9.4*(c=F/50|0))%5*100 Y=int(5.7*c)%5*100 fill(W,255*sin(F/50*PI)) circle(X+F%50*2-50,Y+(T=(F%50)*(noise(t)-.5)*9),9) circle(X+T,Y+F%50*2-50,9) } } pic.x.com/CvuymCXhpw

#つぶやきProcessing 「アスタリスク暗示」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0,20) noStroke() for(t=0;t<90;t++){ r=150+50*sin((I=(f+9e3)*noise(t)/30)+t)*(1+max(0,sin(I*6+f/40)*sin(f/60))) circle(250+r*cos(I),250+r*sin(I),9) } } pic.x.com/gLJ9LNAQnT

//WIP translateを動かす #つぶやきProcessing #p5js t=0 draw=_=>{ t||createCanvas(W=(w=200)*2,W) translate(w*cos(S=-t/w),w*sin(S)) for(R=1;R<W;R+=7) for(T=0;T<TAU;T+=71/R) strokeWeight(R/T/w), stroke(W*sin(t/13)), point(R*cos(U=R*t/7+T)+w,y=R*sin(U)+w) ++t} pic.x.com/MOMtNipuet

#つぶやきProcessing 「霧散した言葉」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(x=-250;x<255;x+=5){ y=(f*3+9e3)*noise(x+W)%600 fill(y/2,99) circle(250+x*sqrt(y)/30,500-y,40+y/5) } } pic.x.com/HE4V4HFSO1

お仕事終わった〜꜀( ꜆-ࡇ-)꜆ 朝晩は寒いのに昼間暑すぎ🥵 #季節は10月 #暑い #秋は何処へ #つぶやき #つぶやきProcessing #友達ください

#つぶやきProcessing 「回る気配」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(t=0;t<20;t++) for(r=0;r<W;r+=2){ fill(W,255*sin(r/W*PI+f/30+t)) circle(250+r*cos(i=r/99+t/20*TAU),250+r*sin(i),r/20) } } pic.x.com/p0GO66uRA1

//こんな感じのバグり方 #つぶやきProcessing #p5js t=0,d=3 draw=_=>{noLoop() createCanvas(W=(w=200)*2,W)+strokeWeight(d*1.2) for(R=1;R<w;R+=d) for(T=0;T<TAU;T+=d/R) stroke(P=sin(R+T)*sin(T*d)*255,(P+127)%255,255-P), point(R*cos(T)+w,R*sin(T)+w) ++t} pic.x.com/N7072JpeVG

#つぶやきProcessing 「バラバラフォール」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) for(x=-9;x<600;x++){ noise(x)>.3?noStroke()+fill(W):stroke(W)+fill(0) rect(x-10,(f*3+9e3)*noise(x)%700-50-10,20) } } pic.x.com/7oeobwpqmy

//timestepを無視するのは、数学・物理学的にはご法度だが、アートとしてはあり。 //#つぶやきProcessing #p5js t=0 draw=_=>{r=random t||createCanvas(W=(w=200)*2,W)+strokeWeight(7)+(x=y=h=.02,p=q=w) x=h*cos(t*t)+x y=h*sin(t*t)+y stroke(r(W),r(w),r(w)) line(p,q,p=x*w+w,q=y*w+w) t+=4} pic.x.com/n08vmnarui

//本当はこうなる（タイムステップが違う） //#つぶやきProcessing #p5js t=0,x=y=h=.02 draw=_=>{r=random t||createCanvas(W=(w=200)*2,W)+strokeWeight(7) x=h*cos(t*t)+x y=h*sin(t*t)+y stroke(r(W),r(w),r(w)) point(x*w+w,y*w+w) t+=h} pic.x.com/dykkxr25do

//クロソイド曲線微分方程式の悪用 //#つぶやきProcessing #p5js t=0,x=y=h=.02 draw=_=>{r=random t||createCanvas(W=(w=200)*2,W)+strokeWeight(7) x=h*cos(t*t)+x y=h*sin(t*t)+y stroke(r(W),r(w),r(w)) point(x*W*2+w,y*W*2+w) t+=1} pic.x.com/x8y9mi5aer

#つぶやきProcessing 「黒い切り紙」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(W) noStroke() fill(0) t=$=>$<0?600+$%700:$%700-100 for(i=0;i<59;i++){ push() translate(t(350+f*4*cos(I=i/59*TAU)),t(350+f*2*sin(I))) rotate(I+f/99) rect(-35,-35,70) pop() } } pic.x.com/3rnpn7suj2

#つぶやきProcessing 「フィルアップディジースペース」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) fill(0) stroke(W) for(x=-f%50;x<600;x+=50)for(y=-x/2;y<600;y+=50){ push() translate(x,y) rotate(TAU*min(.8,max(-.8,sin(f*noise(x+f,y+x/2)/30)))) rect(-20,-20,40) pop() } } pic.x.com/iftfyfcfgn

//WIP 一次元のライフゲーム #つぶやきProcessing #p5js t=0,d=20 draw=_=>{ t||createCanvas(W=(w=200)*2,W) strokeWeight(d) for(x=0;x<W;x+=d) (!get((x+d)%W,(T=t%W)-d)[0])?(stroke(W),point(x,T)):(stroke(0),point(int(random(W)/d)*d,T-d)) t+=d} pic.x.com/3zxpcltho6

#つぶやきProcessing 「サイクロン人形」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noFill() for(n=0;n<40;n+=2) for(r=(n+f)%40;r<1e3;r+=40){ stroke(W,sin((f/60+n/20)*PI)*255) circle(99+r*cos(i=f*(noise(n)-.5)/10),99+r*sin(i),r/3) } } pic.x.com/pbqrpo92wi

#つぶやきProcessing 「頼りない接続環」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noFill() stroke(W) for(r=5;r<200;r*=1.2) for(i=0;i<64;i++){ circle(250+r*cos(I=i/128*TAU+(f+9e3)*noise(r)/30),250+r*sin(I),r/3*max(0,noise(r,i/3,f/40)-.4)) } } pic.x.com/njq7etjtot

//パスカルのリマソン #つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W)+strokeWeight(3) for(l=-2;l<2;l+=.5) for(T=0;T<TAU;T+=.01) R=(1+2*sin(t/77)*cos(T))*w/l, point(R*cos(T)+w,R*sin(T)+w) ++t} pic.x.com/tzzby4spnk

//カッシーニの卵形線 #つぶやきProcessing #p5js t=0,d=.02 draw=_=>{createCanvas(W=(w=200)*2,W) B=(t/9+1)**4-1 for(x=-3;x<3;x+=d)for(y=-3,X=x*x;y<3;y+=d)abs((X+y*y)**2-2*(X-y*y)-B)%1<.3?(stroke((D=dist(x,y,0,0)*w)*cos(B),D*sin(B),t),point(x*w/3+w,y*w/3+w)):0 t=++t%w} pic.x.com/y1yyr7kvmz

//Hermann Grid Illusion四角が揺れると見えなくなる？#つぶやきProcessing #p5js t=0 draw=_=>{frameRate(2) createCanvas(W=(w=200)*2,W)+fill(0)+(N=8,D=W/N) for(i=0;i<N;i++)for(j=0;j<N;j++)for(k=0;k<D*.8;k++) line(i*D+k,E=j*D+t%6*sin(K=k*TAU/(D*.8)),i*D+k,(j+.8)*D+t%6*sin(K)) t=++t%20} pic.x.com/zvdwg0mag0

#つぶやきProcessing 「粉の枠」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0,20) stroke(W) noFill() strokeWeight(3) for(x=0;x<600;x+=99) for(y=0;y<600;y+=99){ F=f*3*noise(x)%99 circle(x,y+F,20) circle(x,W-y-F,20) circle(y+F,x,20) circle(W-y-F,x,20) } } pic.x.com/vjsmldkta5

//時間で変わる #つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W)+noFill() C=(r,x,y,t)=>(D(X=r*cos(T=t*.1-1.6)+x,Y=r*sin(T)+y,r*3)) D=(x,y,r)=>{for(R=0;R<r;R+=3)stroke(x+R,y,r),circle(x,y,R)} C(100,w,w,hour()*2.5) C(60,X,Y,minute()) C(36,X,Y,second()) ++t} pic.x.com/ifdxj3jskx

#つぶやきProcessing 「歪ルーレット」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) for(d=1e3;d>1;d*=.7) for(D=int((d/20+1)/2)*2,t=0;t<D;t++){ stroke(t%2?W:0) fill(t%2?0:W) arc(250,250,d,d/2,I=t*TAU/D+f*noise(d)/30,I+TAU/D,PIE) } } pic.x.com/ite4zkb4pl

#つぶやきProcessing 「遠方の泡的メロディ」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noFill() for(d=1;d<1e3;d*=1.2){ strokeWeight(d/99+.5) stroke(128-128*cos(f/60*PI)) circle(W*noise(D=(f/120-log(d)/log(1.2))|0),W*noise(D,9),d) } } pic.x.com/wbuy8xyvav

#つぶやきProcessing 「棘しかない山道」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) for(z=Z=f%1e3-1e3;z<=1e3;z+=50) for(x=0;x<=W;x+=50){ if((z-Z)%100)stroke(0)+fill(W) else stroke(W)+fill(0) quad(x-50,z,x,z-abs(x-250)*2*noise(z-f,x),x+50,z) } } pic.x.com/30njas63ik

#つぶやきProcessing 「ノイズボード」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(i=0;i<TAU;i+=PI/20) for(x=-50;x<55;x+=5)for(y=-50;y<55;y+=5){ l=$=>($/5|0)*5 r=(f*5+9e3)*noise(i*9)%900 fill(W,r*noise(x,y,i)) rect(l(250+r*cos(i)+x),l(250+r*sin(i)+y),5)}} pic.x.com/luoccipa2z

#つぶやきProcessing 「ボーンサークルズ」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noFill() strokeWeight(2) for(n=0,x=y=250;n<9;n++){ F=f+9e3 stroke(W) circle(x,y,d=200*sin(F*noise(n)/60)) stroke(W,0,0) line(x,y,x+=d/2*cos(i=F*noise(n,9)/30),y+=d/2*sin(i)) } } pic.x.com/vkdbdsupyu

#つぶやきProcessing 「傀儡の解放」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noFill() for(r=f%5;r<W;r+=5){ stroke(W,W-r) R=r*sin(f*noise(r-f)/50) line(250,250,x=250+R*cos(i=r/60),y=250+R*sin(i)) circle(x,y,20) } } pic.x.com/hn6vxg4t8e

#つぶやきProcessing 「糸だけ電話」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) for(y=0;y<W;y+=50){ for(x=1,X=0,Y=y;x<W;x++){ line(X,Y,++X,Y=y+cos(noise(x,y)*99)*max(99-abs(f*noise(y)*9%700-X-99),0)/2) } } } pic.x.com/glvaznt1fy

#つぶやきProcessing 「薄白の城」 f=0 draw=_=>{ f++||createCanvas(W=500,W,WEBGL) background(0) for(z=0;z<250;z+=50) for(x=-f%99-99;x<600;x+=99) for(y=-f%99-99-x/2;y<600;y+=99){ push() translate(x-250,y-250,z) scale(N=noise(x+f,y+f+x/2,z),N,noise(x+f,y+f+x/2,z)) box(50) pop() } } pic.x.com/ik4vk8ija3

今までの #つぶやきProcessing #p5js は、ここに置いてあります。 openprocessing.org/user/421787?vi…

#つぶやきProcessing 「節足の生成」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) fill(0) for(r=f%5;r<W;r+=5){ stroke(r*9) line(x=250+r*cos(i=(r-f)/90*PI),y=250+r*sin(i),x+99*cos(I=(r-f*.6)/30*PI),y+99*sin(I)) circle(x,y,r/9) } } pic.x.com/zdodkvxlri

#つぶやきProcessing 「規格化された水模様」 f=0 draw=_=>{ f++||createCanvas(W=500,W) b=blendMode b(BLEND) background(0) for(x=-f%50;x<600;x+=50) for(y=-f%50-x/2;y<600;y+=50) circle(x,y,50*noise(x+f,y+f+x/2)) b(DIFFERENCE) translate(250,250) rotate(f/99) rect(-200,-200,400) } pic.x.com/xwbgi80uc3

#つぶやきProcessing 「落下と昇華」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0,20) noStroke() for(x=0;x<600;x+=3){ t=(f+9e3)*noise(x)%600 circle(x,x%2?t-50:550-t,9) } } pic.x.com/fdxj3yq9co

#つぶやきProcessing 「逆葉の影」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) for(x=-f%20;x<600;x+=20){ beginShape() for(n=0;n<400*noise(x+f);n+=5){ vertex(x+20*sin(n/30+x+f),n) } endShape(CLOSE) } } pic.x.com/2tha80w80o

#つぶやきProcessing 「ショック散開」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) noFill() for(n=0;n<90;n+=5) for(r=(f+n)%5;r<W;r+=5){ rect(250+r*cos(i=20*noise(r-f-n))+20*noise(n,r)-10,250+r*sin(i)+20*noise(n,r,9)-10,r*n/1e3) } } pic.x.com/hr4focmcq7

#つぶやきProcessing 「ロングステップ」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) fill(0) for(y=0;y<W;y+=99) for(x=0;x<W;x+=99){ F=(f+9e3)*noise(y)+x rect(X=550-F%600,Y=y-(50*sin((F+x)%50/50*PI)),-20,-W) arc(X,Y,99,50,-PI,-PI/2,PIE) } } pic.x.com/x4952kith6

#つぶやきProcessing 「空間転送ケーブル」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noFill() for(n=-250;n<251;n+=20) for(r=0;r<600;r+=5){push() translate(n+r,W-r) rotate(-PI/4) s=1-min(.5,abs(f*3*noise(n)%700-99-r)/99) stroke(W,W*s-200) ellipse(0,0,20*s,60*s) pop()}} pic.x.com/aaghwoeqaz

#つぶやきProcessing 「組み換えSZ」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) strokeWeight(3) for(y=-f%100+sin(f/100*PI)*100-100;y<600;y+=100) for(x=-y-300;x<600;x+=300){ line(x,y,x+200,y) line(W-x,y,W-x,y+200) } } pic.x.com/crdusumeyv

#つぶやきProcessing 「鳥飛び交い」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) strokeWeight(3) for(y=0;y<W;y+=5){ n=noise(y)-.5 s=n<0?1:-1 F=(f*5+9e3)*abs(n)%700 line(x=n<0?F-100:600-F,y,x+100*s,y) line(x+75*s,y,x+30*s,y-25) line(x+75*s,y,x+30*s,y+25) } } pic.x.com/qhilz83nfp