並べ替え：新着順
//たまに出来るセミみたいなのがかわいい #つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W)+noStroke(s=sin,c=cos) translate(w,w) D=cos(t/W) for(T=0;T<TAU;T+=.1,fill(...P.slice(-4)),bezier(...P)) for(i=0,P=[];i<4;i++) P.push(w*c(U=t/17+T^i<<t/15),w*s(U)) t++} pic.x.com/mfPNYPD6Nh
//歪んで見える？ #つぶやきProcessing #p5js t=0,d=6 draw=_=>{ createCanvas(W=(w=200)*2,W)+noFill() for(x=0;x<W;x+=d) line(x,0,x,W) for(R=0;R<W;R+=d*2) strokeWeight(3*sin(R/W*PI)), circle(w+50*cos(t/17),w+50*sin(t/17),R) ++t} pic.x.com/2kmwgrqEq3
#つぶやきProcessing 「列は空に届けるか」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) for(x=-f%20;x<600;x+=20) for(n=0,y=W;n<9;n++){ l=90*noise(x+f) s=40-n*4 rect(x-s/2,y-l,s,l) y-=l } } pic.x.com/0YI8cm7s9i
上を向いたら月が綺麗だった。｜宝玉林檎 @skc8MuVD2IT9IO1 #note note.com/saikowatashi/n… #note #日記 #つぶやきProcessing
#つぶやきProcessing 「整理された乱雑」 f=0 draw=_=>{ f++||createCanvas(W=500,W) noStroke() for(x=-f%99;x<600;x+=99) for(y=-f%99;y<600;y+=99) for(r=99;r>2;r*=(.5+.5*noise(x+f,y+f,r))){ fill(r*2.5) rect(x-r/2,y-r/2,r) } } pic.x.com/T6qvP7DjBy
#つぶやきProcessing の発信源見つけた！ x.com/Hau_kun/status…
そういえば #つぶやきProcessing の説明をしていなかった。 Processingというデジタルアートのためのプログラミング言語があります。 processing.org #つぶやきProcessing はProcessingを使い、1ツイートに収まるプログラムで、どこまでアートを表現できるかに挑戦するものです。
なんだろう、このハッシュタグ？ #つぶやきProcessing 数学アート？みたいのがいっぱい出てくる。 x.com/yuruyurau/stat…
a=(x,y,d=5*cos(mag(k=x/8-25,e=y/8-25)/3))=>[(x+d*k*sin(d*2.5-t)+k/2*sin(y/3+t))/2+100,d*19+(d-2)*5*abs(cos(d/2-t/2))+d*e+215] t=0,draw=$=>{t||createCanvas(w=400,w);background(6).stroke(255,66);for(t+=PI/60,y=100;y<300;y++)for(x=100;x<300;x++)point(...a(x,y))} #つぶやきProcessing pic.x.com/zKBDzZ5Jie
#つぶやきProcessing 「沈鬱とした世界」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(n=0;n<20;n++){ t=(f*3+n*35)%700 fill(0,99,W,230-t/3) beginShape() vertex(0,0) for(x=0;x<W;x+=5) vertex(x,t*noise(x/9,n)) vertex(W,0) endShape(CLOSE) } } pic.x.com/XLfJ64GjMd
#つぶやきProcessing 「暗闇の視線」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(n=0;n<50;n++) for(t of[0,1]){ N=$=>1e3*noise(n,f/700,$)-250 ellipse(N(0)+t*20,N(9),9,max(0,min(9,20*sin(f/30+n)))) } } pic.x.com/WbvhZ8KeQc
//何を振るっているかわからないけど… #つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W)+strokeWeight(8) for(x=0,D=4*cos(t/7);x<W;x+=80) for(y=0;y<W;y++) stroke(R=mag(x-w,y-w),T=29*sin(t/71),W-R), point(y+25*sin(y*x),x+35*cos(atan(x-y)*T)) ++t} pic.x.com/wQHk7maVmA
そのあたりのシンガーみゆきさん:あくまで概念だけど自分は皮肉役あなたに。聞いてだけどね、それでの名ゼリフ全ては決まってるから(今速攻で連絡受けた80歳、いらねや、と声掛けあり)80だよ、凄いね もちこの人いらないけどね #つぶやきProcessing 1曲、ドはドーナツのド〜🎵🎼ᩚ👏
//sin→tanで荒波 #つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W)+strokeWeight(8) for(x=0,D=14*cos(t/77);x<W;x+=20) for(y=0;y<W;y++) stroke(R=mag(x-w,y-w)/2,99*cos(t/71),w-R), point(y+20*tan((y/17-x/D)+t/13),x+20*sin((x-y)/D<<t)) ++t} pic.x.com/6cN5CjBuYb
//これに合っていると思う #つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W)+strokeWeight(8) for(x=0,D=14*cos(t/77);x<W;x+=40) for(y=0;y<W;y++) stroke(R=mag(x-w,y-w),W-R,R*cos(t/71)), point(x+20*sin((x+y)/13&t),y+20*sin(x/17+y/D+t/w)) ++t} pic.x.com/eurshKKnAW x.com/TakagiHitoshi/…
youtube.com/watch?v=ZsxHza… Public Image Ltd Metal Box Full LP 学生時代唯一自分で買ったレコード。 その月の家庭教師のバイト代を全部注ぎ込んだ。 それも数年前実家をたたむ時に売ってしまった。
//今年もあと1/6しかない！ #つぶやきProcessing #p5js t=0 draw=_=>{createCanvas(W=(w=200)*2,W) I=n=>n/12*TAU-PI/2 fill(Z=W*.8) circle(w,w,Z) fill(0) for(i=0;i<12;i++)text(i+1,(R=w*.9)*cos(I(i))+w,R*sin(I(i))+w) fill('red') arc(w,w,Z,Z,S=I(0),S=I(10)+noise(t)*.1) ++t} pic.x.com/6KXhbH9rHI
#つぶやきProcessing 「ハロウィンの魂パレード」 f=0 draw=_=>{ f++||createCanvas(W=500,W) b=blendMode b(BLEND) background(0) b(ADD) noStroke() for(y=0;y<W;y+=10)for(n=0;n<60;n+=6)for(r=1;r>0;r-=.2) fill(50,50,W,99)+circle(x=((f*3+9e3)*noise(y)+n)%600-50,y+30*sin(y+x/90),3+n/2*r) } pic.x.com/uWTJ4LxVW0
#つぶやきProcessing 「ノイズ交じりの筆跡」 f=0 draw=_=>{f++||createCanvas(W=500,W) background(0) stroke(W) strokeWeight(3) for(y=1;y<W;y*=1.2) for(Y of[250+y,250-y]) for(x=(F=f*3*noise(y))%40-40;x<1e3;x+=40){noise(x-F,y)<.5||line(x,Y,x,Y+40) noise(x-F,y,9)<.5||line(x,Y,x+40,Y)}} pic.x.com/RCFZD2HNSr
#つぶやきProcessing 「天地鏡の茸棟」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(i=0;i<TAU;i+=PI/5) for(y=-f%5;y<600;y+=5){ circle(250+(X=250-y)*sin(y/30+f/50)*sin(i+y/99),y,2+abs(X/20)) } } pic.x.com/qyJcQToFkK
//24分の1でジョーカーが出る #つぶやきProcessing #p5js t=0,N=M="" draw=_=>{ createCanvas(W=(w=200)*2,W) S="プラトン".split('') N=shuffle([0,1,2,3]).reduce((a,c)=>a+S[c],"") textSize(90) ;(int(t/100)+1)%2?text(M=N,20,w):text(M,20,w) t++} pic.x.com/W7lRV3Niyl
#つぶやきProcessing 「モザイクレンガの壁」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(x=0;x<W;x+=40) for(y=0;y<W;y+=10){ fill(abs(250-((f*3+9e3)*noise(y)-x)%600)) rect(x,y,40,10) } } pic.x.com/pxJ7Q5yOyh
#つぶやきProcessing 「マルチカセットロード」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(x=-f%50;x<600;x+=50) for(y=-f%50;y<600;y+=50){ rect(x,y,50*sin((f+9e3)*noise(x+f,y+f)/30),50) } } pic.x.com/SXzyXUtvUC
#つぶやきProcessing 「刃の道の重ね」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) for(t=1;t<5;t++) for(y=f%5-99;y<700;y+=5){ fill(W,200-t*60) push() translate(250+200*sin(F=(f+y/t)/60),y) rotate(cos(F)) shearX(PI/4) rect(-50,-20,99,40) pop() } } pic.x.com/5vv2Oct1oe
#つぶやきProcessing 「棘とかげ」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(y=0;y<W;y+=30) for(x=0;x<200;x+=20){ X=(x+(f*3+9e3)*noise(y))%700-99 quad(X,y,X+10,y+(x%40<1?1:-1)*40,X+20,y) } } pic.x.com/50dOdjvy1O
#つぶやきProcessing 「空の白蛇」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(r=0;r<400;r++){ R=r*(.8+noise(r)/2) circle(250+R*cos(i=r/10),250+R*sin(i),r/5*max(0,sin(r/27-f/50)*2-1.2)) } } pic.x.com/oVQitXjJp1
//政府と東証のインサイダー取引。それじゃ闇バイトも増えるよな。 //#つぶやきProcessing #p5js t=0 draw=_=>{ t||createCanvas(W=(w=200)*2,W)+(p=w) strokeWeight(2) line(T=t%W,p,T+1,p=random(-50,50)+w) stroke(0) noise(t)<.1?(p-=random(-w,w)+w,stroke('red')):0 t=++t%W} pic.x.com/LREYDo8Vro
#つぶやきProcessing 「ネジマキ式行進」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) strokeWeight(2) for(t=0;t<20;t++){ x=(f+9e3)*2*noise(t)%600-99 y=250+sin(x/30+t)*x/3 line(x-50*cos(i=x/10*noise(t,9)),y-200*sin(i),x+50*cos(i),y+200*sin(i)) } } pic.x.com/rZwGGIx6vn
//WIP 気温で変わる背景 #つぶやきProcessing #p5js t=0 draw=_=>{ t++||createCanvas(W=(w=200)*2,W); (!(second()%5))?loadJSON("api.open-meteo.com/v1/forecast?la…",(d)=>fill(d['hourly']['temperature_2m'][hour()+9]*9,T=t%9,T)):0 rect(0,0,W)} pic.x.com/vwa4gCFRuu
//無重量の花火 #つぶやきProcessing #p5js t=0 draw=_=>{ t||createCanvas(W=(w=200)*2,W) background(1,9) for(x=0;x<W;x+=1) y=W*(A=sin(U=x+t/w)/cos(U-=t/w)), strokeWeight(abs(A)*9), X=x*cos(U+=t/y),z=y*sin(U), stroke((t%2)?[y,X,z]:[z,X,y]), point(X+w,z+w) ++t} pic.x.com/bEL59RYpoH
//tan(x)の破壊力 #つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W) for(l=-9;l<9;l+=.2) for(T=0;T<TAU;T+=.05) R=W*l/(1+2*sin(t/77)*tan(T)), strokeWeight(L=7*W/R), stroke(W/T,R,L*9), point(R*cos(U=R*T)+w,R*sin(U)+w) t=++t%W} pic.x.com/1w2bFjHsoO
#つぶやきProcessing 「ミスト・ロード」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() fill(W,20) for(x=-250;x<250;x+=.1){ t=(f*3+9e3)*noise(x+250)%600 circle(250+x*(t+250)/W,200+t,min(20,t)) } } pic.x.com/imkMfBCq2W
#つぶやきProcessing 「簡易インフレーション」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(i=0;i<TAU;i+=PI/30){ r=acos(cos(i*9+f/30))/PI*sin(f/50)*W circle(250+r*cos(i),250+r*sin(i),9+abs(r)/9) } } pic.x.com/SJNh7PxCdc
#つぶやきProcessing 「終わりなき螺旋階段」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(z=0;z<5;z++) for(t=0;t<700;t+=5){ fill(z*50) rect(240+300*sin(i=t/700*z*TAU),(t+f*z)%700-110,20) } } pic.x.com/KENkrwNMhH
//実円と虚円 #つぶやきProcessing #p5js t=0 draw=_=>{createCanvas(W=(w=200)*2,W,WEBGL)+rotateY(.5)+rotateX(.5) line(-W,0,0,W,0,0) line(0,-W,0,0,W,0) line(0,0,-W,0,0,W) for(T=0;T<TAU;T+=.1) stroke((R=w-t)<0?w:0), point(max(0,R)*cos(T),abs(R)*sin(T),(R<0?-R:0)*cos(T)) t=(t+=9)%W} pic.x.com/zuXz8JrOv0
#つぶやきProcessing 「マスの空」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(x=0;x<W;x+=20) for(y=0;y<W;y+=20){ F=f/20|0 n=noise((F*20-x)/40,(F*20-y)/40) fill((n*n*10|0)*40) rect(x,y,15) } } pic.x.com/wUUudOfmCI
#つぶやきProcessing 「煌々たる後光」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0,20) stroke(W) strokeWeight(5) noFill() circle(250,250,200) for(n=0;n<40;n++){ line(250,250,250+400*cos(i=(f+9e3)*(noise(n)-.5)/20),250+400*sin(i)) } } pic.x.com/1zHLqUsElG
#つぶやきProcessing 「誇大される花弁」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noFill() stroke(W) for(i=0;i<60;i++){ circle(250+99*cos(I=i/60*TAU),250+99*sin(I),max(5,200*sin(f/60+i))) } } pic.x.com/qbEa6ZWCM6
調和振動子（量子的）/ #p5js openprocessing.org/sketch/2391468 計算の主要部分はエルミート多項式なのだが、それが再帰的で案外重い。引用の #つぶやきProcessing では、次数が20を超えると急に遅くなる。 そこで、リンク先ではキャッシングすることにした。 これで100くらいまでは行ける。 pic.x.com/iZ889LJdMG x.com/TakagiHitoshi/…
//調和振動子 #つぶやきProcessing #p5js t=0 draw=_=>{ t||createCanvas(W=(w=200)*2,W)+(f=1) h=(x,n)=>n<2?(n<1?1:2*x):2*x*h(x,n-1)-2*n*h(x,n-2) for(x=-5,f*=2*(t+1);x<5;x+=.01) strokeWeight(3), stroke(h(x/3,t),t*13,h(x/9,20-t)), point(x*w/5+w,h(x,t)/sqrt(f)*exp(-x*x/2)*W+w) t=++t%20} pic.x.com/5kRUfxVEnA
#つぶやきProcessing 「雲の漸進」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(y=0;y<=W;y+=50) for(x=0;x<=W;x+=20){ circle(x,y+50*noise(x,y),5+max(0,50-abs(x-f*noise(y)*3%1e3+250)/5)) } } pic.x.com/5EYU7LtOzK
#つぶやき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
アニメ・ゲーム
エンタメ
エンタメ
ITビジネス
エンタメ
ニュース
ニュース
エンタメ
