- すべて
- 画像・動画
並べ替え:新着順
#つぶやき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 が捗る。 #p5js t=1,d=17 draw=_=>{ createCanvas(W=(w=200)*2,W) p=x=>((X=x-w)<0?-X:X)**(1/t) for(x=0;x<W;x+=d) for(y=0;y<W;y+=d) fill(D=w*sin(p(x)+p(y)),x,y), circle(x+D/w,y+D/w,d) t=(t+=.01)>3?1:t} pic.x.com/gcg9k4o3w8
#つぶやき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) b=blendMode b(BLEND) colorMode(HSB,1) background(0) b(ADD) for(x=-99;x<600;x+=5){ fill(noise(x)*20%1,1,1,.5) circle(x,(f+9e3)*3*noise(x,9)%900-200,99) } } pic.x.com/1eomoycgki
#つぶやき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 #p5js t=0 draw=_=>{ t||createCanvas(W=(w=200)*2,W) for(T=TAU*PI/2;T>0;T-=TAU/W) R=w*sin(T/PI), stroke(R*2,T*55,X=R*cos(U=T+t)), strokeWeight(X), point(X+w,-R*sin(U)+w), ++t} pic.x.com/cawfppfv15
#つぶやき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
// Logistic eq. in circle #つぶやきProcessing #p5js Twitter(自称X)の平民quota240文字に入らないんだけど、こちらのほうが分かりやすいかも。 コードはGifのAltに入れました。 pic.x.com/kili89tnog
#つぶやき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
#つぶやきProcessing 「ホログラム携帯装置」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) for(n=0;n<30;n++){ t=(N=250*noise(n))*sin(f/99+n) line(250-t,250-N,250+t,250+N) line(250-t,250-N,250,250-N) line(250+t,250+N,250+t/2,250) } } pic.x.com/fsocpht4cl
光速で運動する電荷の電気力線 #つぶやきProcessing #p5js 静止していた電荷が、10/c秒後に光速の0.8倍の速度で右に動き出す。外側は静止していた時まま広がるが、運動すると電気力線は歪む。 ソースは入らなかったので、下記リンクを見るか、GIFのALTを見てください。 openprocessing.org/sketch/2327529 pic.x.com/vltrovz5qk
//ラカンの内巻きの8 Lacan's Internal Eights // #つぶやきProcessing #p5js t=0 draw=_=>{ t||createCanvas(W=(w=200)*2,W)+strokeWeight(4) for(T=TAU*PI/2;T>0;T-=TAU/W) R=w*sin(T/PI), stroke(T<1.8?w:0), point(X=R*cos(U=T-.2)+w,Y=-R*sin(U)+w), t=++t%(W*PI/2) } pic.x.com/sbnoxt3fhc
#つぶやきProcessing 「揺るぎなき線の行進」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) strokeWeight(3) for(x=-f%20;x<600;x+=20) for(y=-f%20;y<600;y+=20){ stroke(W,noise(x/99,y/99,f/99)<.4?W:0) line(y,x,y+20,x+20) line(x,y,x+20,y-20) } } pic.x.com/5mklphx0c4
//光速で運動する電荷の電気力線 #つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W)+strokeWeight(4) b=t/W,g=1/sqrt(1-b*b) for(T=0;T<TAU;T+=.1) X=t*w*cos(T)/t/t, Y=g*t*w*sin(T)/t/t, line(w,w,X*w+w,Y*w+w) t=(t+=10)>W?0:t} pic.x.com/v9eaxfxqla
#つぶやきProcessing 「多角形ハンドルつまみ」 f=0 draw=_=>{ f++||createCanvas(W=500,W) b=blendMode b(BLEND) background(0) b(DIFFERENCE) for(r=10;r<W;r+=10){ beginShape() for(i=0;i<TAU;i+=TAU/(R+3)) vertex(250+r*cos(I=i+f*noise(R=r/60|0)/30),250+r*sin(I)) endShape(CLOSE) } } pic.x.com/c3krbt0vwd
#つぶやきProcessing 「拡散サイト」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noFill() for(n=0;n<50;n++){ T=f*3+n*6 stroke(W,W*sin(T%300/300*PI)) x=1e3*noise(N=T/300|0,n)-250 y=1e3*noise(N,n,9)-250 line(X=x-50,y,X+100,y) line(x,Y=y-50,x,Y+100) circle(x,y,9) } } pic.x.com/ftial3dk8f
//真っ当すぎるか? #つぶやきProcessing #p5js t=0,d=39 draw=_=>{frameRate(2) createCanvas(W=(w=200)*2,W) for(x=0;x<W;x+=d) for(y=0;y<W;y+=d) fill(dist(x,y,w,w)/2,y/2,x/2), T=[],shuffle([0,1,2,3]).map(i=>T.push(...[[x,y],[x+d,y+d],[x+d,y],[x,y+d]][i])),bezier(...T) t++} pic.x.com/hkhujv2zyl
#つぶやきProcessing 「スプラッシュペイント」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() colorMode(HSB,1) for(n=0;n<50;n++) for(x=0;x<90;x+=5){ t=(T=f*3+n*10)%W fill(n/50,1,1,sin(t/W*PI)/3) rect(W*noise(N=n+T/W|0)+x,n*9+50*noise(N,x,9),6,t*noise(x,N)) } } pic.x.com/nhtibs5meq
#つぶやきProcessing 「折り込み紙」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(r=W+f%20;r>0;r-=20){ beginShape() fill(250-r) for(i=I=9*noise(r-f);i<I+3;i+=.01){ R=r/max(abs(sin(i)),abs(cos(i))) vertex(250+R*cos(i),250+R*sin(i)) } endShape(CLOSE) } } pic.twitter.com/I1xoUmKOMM
#つぶやきProcessing 「ギザフラワー」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(i=0;i<TAU;i+=PI/5) for(n=-20;n<21;n++) for(r=1;r<250;r*=1.5){ R=r+abs(tan(n/20)*r/2) rect(250+R*cos(I=i+n/40+f*noise(r)/30)-r/18,250+R*sin(I)-r/18,r/9) } } pic.twitter.com/746ZUoYQsI
// 昔作ったヤツ #p5js t=0 draw=_=>{ r=random frameRate(10) if(!t){createCanvas(w=400,w);P=[];for(i=0;i<39;i++)P.push([r(w),r(w)])} background(0,19) fill('lime') textSize(s=r(9,19)) P.map(([x,y])=>{text(...'#つぶやきProcessing'[t%15],x,y+t*s)}) t=++t%59} pic.twitter.com/tZz3WZaAre
#つぶやきProcessing 「パラパラ漫画 △▽」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) t=($,k)=>{for(x=-300;x<300;x+=50)quad(225+x,y,275+x,y,250+x/2-13,c=y+(250-y)/2,250+x/2+13,c)} for(y=(k=f*5)%50-W;y<250;y+=50)t(y,k) for(y=1e3-y+k*2%50;y>250;y-=50)t(y,k) } pic.twitter.com/zykd4po2nf
#つぶやきProcessing 「真っ青に塗りつぶす」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() fill(0,0,W,10) for(d=0;d<800;d+=9){ arc(250,250,d,d,t=W*noise(d),t+PI/2) rect((f+9e3)*noise(d)*3%900-200,W,99,-W*noise(d)) } } pic.twitter.com/SjjTpFnMTE
#つぶやきProcessing 「縞の草むら」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(y=0;y<600;y+=40) for(x=-y/2;x<600;x+=40) for(n=0,N=200*noise(x,y,f/99);n<N;n+=3){ fill((x+y)%255) circle(x-n*n*sin((f+x+y)/50)/N/2,y-n,(N-n)/N*9) } } pic.twitter.com/xNG8pTcRBb
#つぶやきProcessing 「うねる脱出口」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) noFill() for(r=W,x=y=250;r>9;){ R=r*.8 t=c=>max(-(r-R)/2,min((r-R)/2,(r-R)*c)) rect((x+=t(cos(i=(f+9e3)*noise(r)/30)))-R/2,(y+=t(sin(i)))-R/2,R) r=R } } pic.twitter.com/LtuBDuOKDu
#つぶやきProcessing 「夢の終わり」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(x=0;x<600;x+=9) for(n=0;n<99;n++){ circle(x,(f+n)*noise(x)*4%900-200,n/20) } } pic.twitter.com/YNEGzwxDhI