#つぶやきProcessing 「剣禊ぎの翼」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) strokeWeight(3) for(R=0;R<1e3;R+=99) for(i=s=f*noise(R)/30;i<s+TAU;i+=PI/3){ t=(r,i)=>[r*cos(i),W+r*sin(i)] line(0,W,...t(R,i)) line(...t(R*.7,i-PI/40),...t(R*.7,i+PI/40)) } } pic.twitter.com/mCQM4QUgnK

#つぶやきProcessing 「白黒渦の発生値」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) for(r=2e3+f*9%500,t=(f*9/500|0)%2;r>20;r*=.8,t^=1){ fill(t*W) circle(250,0,r) } fill(W) circle(250,0,20) } pic.twitter.com/eSbmUzYBVu

#つぶやきProcessing 「泡の後光」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) noFill() for(r=50;r<1e3;r+=50) for(i=0;i<TAU;i+=PI/30){ circle(250,250,r*2) circle(250+r*cos(i),250+r*sin(i),20*sin(f/30+r+i*9)) } } pic.twitter.com/TWUAuD4X99

#つぶやきProcessing 「黒い刺突カーテン」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(W) rotate(-PI/4) noStroke() fill(0) for(x=-200;x<200;x+=9) for(n=0;n<50;n++){ t=(f+n+9e3)*9*noise(x)%600-50 circle(x*t/W,t,12*sin(n/50*PI)) } } pic.twitter.com/rb8ZbJUDK4

【そういえば】来週の2024/05/27(月)で #つぶやきProcessing は5周年を迎えます！ 今現在も活動されている方、以前に活動されていた方、ちょっとやってみようかなと考えている方などなど、ひきつづき #つぶやきProcessing へのチャレンジをお待ちしております！

#つぶやきProcessing 「ローマ数字」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) fill(W) for(r=1+f%99;r<W;r+=99) for(i=0;i<TAU-.1;i+=PI/20){ textSize(r/4) push() translate(250,250) rotate(i) text(String.fromCharCode(0x2160+20*noise(i*9,r-f)|0),0,r) pop() } } pic.twitter.com/MaClDKmwFx

#つぶやきProcessing 「あふれ出る意識朦朧」 f=0 draw=_=>{ f++||createCanvas(W=500,W) b=blendMode b(BLEND) background(0) b(DIFFERENCE) fill(W) for(n=0;n<30;n++){ s=400*noise(n,4)*sin(f/60+n) rect(W-16*n-s/2,1e3*noise(n,9)-s/2-250,s) } } pic.twitter.com/dhpvDxTqo7

関数を返す関数（クロージャ）を作ると、中で宣言した変数は保存される。呼び出すたびに変更もできる。 つまり、オブジェクトと同じようなことができる。 #つぶやきProcessing #p5js

#つぶやきProcessing 「殴りつける闇」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() fill(W) circle(250,250,250+250*cos(f/60)) fill(0) for(x=0;x<1e3;x+=5) for(n=0;n<30;n++){ t=(f+n+9e3)*5*noise(x)%600-50 circle(x-t,t,n/9) } } pic.twitter.com/za9ArlEOzh

#つぶやきProcessing 「まとわりつく闇」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0,20) noStroke() for(x=0;x<W;x+=20){ y=(f*3+9e3)*noise(x)%900-200 t=2-y/250 circle(x,y,20*t) for(i=f/30;i<f/30+TAU;i+=PI/3){ circle(x+30*t*cos(i),y+30*t*sin(i),9*t) } } } pic.twitter.com/gUQAPbLD0o

#つぶやきProcessing 「解けない糸のパズル」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) noFill() for(r=0,x=y=250;r<400;r+=9){ t=$=>(f+9e3)*noise(r,$)/30 line(x,y,x=250+r*cos(t(0)),y=250+r*sin(t(9))) circle(x,y,r/9) } } pic.twitter.com/sucOOaBeEX

#つぶやきProcessing 「幻を留める壺」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0,20) noStroke() for(n=0;n<200;n++){ t=(f*3+9e3)*noise(n)%1e3-100 c=abs(t-400)/400 k=(a,b)=>c*a+(1-c)*b circle(k(250,250+200*cos(i=t/99+n)),k(t>400?t-400+250:t,250+200*sin(i)),5) } } pic.twitter.com/NocwYUPgTs

#つぶやきProcessing GPT-4oの性能を試すために 「Processingのソースコードで花火を作って すごく派手で綺麗な仕様にして」 と言ってぽんだしされたコードを使った結果… ええええええええ？？？！？？！？？ まじで精度上がりすぎでは pic.twitter.com/aWsMqrsiS8

#つぶやきProcessing 「球間トランシーバ」 f=0 draw=_=>{f++||createCanvas(W=500,W) background(0) translate(250,250) rotate(f/99) noStroke() fill(W) circle(250,0,400) circle(-250,0,400) fill(0) for(x=-200;x<200;x+=3){t=(f*3+9e3)*noise(x+W)%W circle(-250+t,k=x*sin(t/W*PI),k/x*20)} } pic.twitter.com/VjPnFKIl2n

👦こども作 let t = 0; function setup() { createCanvas(400, 400); rectMode(CENTER); } function draw() { background(220); translate(200, 200); rotate(sin(t / 40)); rect(0, tan(t / 20) * 20, cos(t / 10) * 10 + 40, sin(t / 10) * 20 + 40); t +=1; } //#つぶやきprocessing pic.twitter.com/d0EWBhO6FJ

海王星 #p5js #creativecoding #generativeart #pixelart #つぶやきProcessing pic.twitter.com/tviLJy523I

#つぶやきProcessing 「ブロックからの抜け穴」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) for(x=-f%20;x<600;x+=20) for(y=-f%20;y<600;y+=20){ r=(dist(250,250,x,y)/40|0)*20 noise(x+f,y+f)<.5||rect(x-r/2,y-r/2,r) } } pic.twitter.com/5knl3OamZA

#つぶやきProcessing 「黒の兵隊の行進」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) fill(0) stroke(W) for(y=f%3-999;y<999;y+=3){ circle(1e3*noise(y-f)-250,y+20*abs(sin(y/9)),99) } } pic.twitter.com/zIbnCeQwTK

#つぶやきProcessing 「黒い昇華・白い堕天」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) for(x=0;x<600;x+=20) for(y=x<250?-f%20:f%20-20;y<W;y+=20){ fill(t=noise(x,x<250?y+f:y-f)<(x<250?.4:.6)?0:W) stroke(x<250?W:0) rect(x,y,20,20) } } pic.twitter.com/7k8K7kmRMV

//WIP 関数を返す関数 #つぶやきProcessing #p5js t=0 draw=_=>{t++||createCanvas(W=(w=200)*2,W) B=(a,b,c)=>(x)=>a*(X=1-x)*X+x*(b*2*X+c*x) C=(r,t,o)=>r*cos(t)+o F=B(T=t%W,C(-w,U=t/w,w),C(w,-U,w)) G=B(0,C(w,U-1.6,w),C(w,-U+1.6,w)) for(x=0;x<1;x+=.05) point(F(x),G(x))} pic.twitter.com/ftQQRMDs5e

Mathematics, spirals, nature, growth. Visualization and code by the amazing ひさだん, @hisadan, scrapbox.io/hisadan/, CC BY-SA 2.0. Code: //#つぶやきProcessing float r, t; void setup() { size(800, 800); } void draw() { background(0); stroke(-1); for (r=0;… pic.twitter.com/VzchEnCPJ4

#つぶやきProcessing 「円のスプリッタ」 f=0 draw=_=>{ f++||createCanvas(W=500,W) b=blendMode b(BLEND) background(0) for(r=1e3;r>0;r-=50){ fill(W-r) circle(250,250,r) } b(DIFFERENCE) for(x=0;x<W;x+=20) for(c of[0,1]){ rect(x,0,20,(f*noise(x)*5)%1e3-c*W) } } pic.twitter.com/rKtvaQsgeY

どうして240文字では入らなかった。 下記リンク先か、GIFのALTを見て下さい。 openprocessing.org/sketch/2260032 #つぶやきProcessing #p5js pic.twitter.com/9Vg0QWCd3B

2Dな映像好きな方には #つぶやきProcessing もオススメ

#つぶやきProcessing 「揺れる軌道」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) noFill() for(r=0;r<2e3;r+=20){ arc(250,-99,r,r,(i=PI/2+sin((f+9e3)*noise(r)/30))-PI/6,i+PI/6) } } pic.twitter.com/aNos1QhJYb

#つぶやきProcessing 「反復する時針異常」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) fill(W) circle(250,250,400) fill(0) for(y=f%5-5;y<W;y+=5){ rect(250+150*noise(y-f),y,W,9) rect(t=100+150*noise(y-f,9),y,250-t,9) } } pic.twitter.com/kEZTWovZrV

//夢で「UKのUをLしても気が付かない」と誰かが言ってた #つぶやきProcessing #p5js t=0,d=40 draw=_=>{ createCanvas(W=(w=200)*2,W)+textSize(d) T=(x,y,C,D)=>(text(C,x,y),text(D,x-d,y)) for(x=0;x<W;x+=d*1.5) for(y=0;y<W;y+=d*1.5) fill(x/2,y/2,t%w), T(x,y,random()<.9?"U":"L","K") t++} pic.twitter.com/ErRPyFTJqN

//WIP 二次のベジェ曲線 #つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W)+strokeWeight(4) B=(a,b,c,x)=>a*(1-x)**2+b*2*x*(1-x)+c*x*x for(x=0,p=q=0;x<1;x+=.1) line(l=p,q,p=B(0,W*sin(t/w)+w,W,x),(q=B(0,w*cos(t/w)+w,W,x),stroke(l/3,p/3,q/3),q)) t+=4} pic.twitter.com/PTOl41V9Lu

//これもWIP #つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W)+noFill() P=t=>(T=t*4)<W?[W,T]:T<W*2?[W*2-T,W]:T<(U=W*3)?[0,U-T]:[T-U,0] L=(X,Y)=>line(...X,...Y) L(A=P(t),B=P((t+160)%W)) L(B,C=P((t+320)%W)) L(C,D=P((t+80)%W)) L(D,E=P((t+240)%W)) L(E,A) t=++t%W} pic.twitter.com/mAJgGQx8k0

//これもWIP #つぶやきProcessing #p5js t=0 draw=_=>{ t||createCanvas(W=(w=200)*2,W)+noFill() P=t=>(T=t*4)<W?[W,T]:T<W*2?[W*2-T,W]:T<(U=W*3)?[0,U-T]:[T-U,0] triangle(...P(t),...P((t+100)%W),...P((t+200)%W)) t=++t%W} pic.twitter.com/u7Te77lbB0

#つぶやきProcessing 「山積みのメモ」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) for(y=W;y>-99;y-=5){ push() translate(900*noise(y)-200,y) rotate(sin((f+9e3)*noise(y,9)/30)*PI/4) rect(-50,0,100,150) pop() } } pic.twitter.com/o49le6LfF3

#つぶやきProcessing 「山脈への殺到」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) strokeWeight(3) for(x=0;x<600;x+=20){ line(x,t=(f+9e3)*9*noise(x)%1300-400,x,t+400) for(c=0;c<400;c+=3) line(t+c,x+200*noise((t+c)/90,x),t+c+3,x+200*noise((t+c+3)/90,x)) } } pic.twitter.com/wH2iMX5Zz8

//WIP 境界が青く見えない？ #つぶやきProcessing #p5js t=0 draw=_=>{ t||createCanvas(W=(w=200)*2,W) T=x=>(w*w/2-(X-w)*(x-w))/(Y-w)+w circle(w,w,w) X=w*cos(t/5)+w Y=w*sin(t/5)+w line(0,T(0),W,T(W)) ++t} pic.twitter.com/XnQ4mZmwnY

//リーマン面かと… #つぶやきProcessing #p5jst=0 draw=_=>{createCanvas(W=(w=200)*2,W)+strokeWeight(9) for(i=t;i<t+97;i++) for(T=0;T<TAU;T+=.1) stroke((U=cos(T))*w,w,(V=sin(T))*w), point(W*sin(I=(i%W)/97*TAU)*((M=cos(t/35))*U+(1-M)*tan(V/T))+w,W*sin(I)*(M*V+(1-M)*atan(U/T))+w) ++t} pic.twitter.com/iUHs0V8uoS

#つぶやきProcessing 「弾ける粒」 f=0 draw=_=>{f++||createCanvas(W=500,W) background(0,30) stroke(W,W) noFill() for(n=1;n<5;n++)for(i=0;i<6;i+=PI/3){ N=$=>noise(n,l/5|0,$) l=f/20+n t=99*N(i*9) R=min(l%5*t,150) circle(W*N(4)+R*cos(I=i+N(0)),W*N(9)+R*sin(I)+max(0,l%5*t-150),20*n)}} pic.twitter.com/YXGfi3UPmg