並べ替え：新着順
//a variation //何も無いところから色を生み出す //#つぶやきProcessing #p5js t=0 draw=_=>{r=random createCanvas(W=(w=200)*2,W) for(x=0;x<W;x++) for(y=0;y<W;y+=r(9)+.1) stroke(get(y,x).map((u,i)=>i<3?r(x+i*98):w)), line(y+r(-30,30),x,y,x) ++t} pic.x.com/upx375e01p x.com/TakagiHitoshi/…
//何も無いところから色を生み出す //#つぶやきProcessing #p5js t=0 draw=_=>{r=random createCanvas(W=(w=200)*2,W) for(x=0;x<W;x++) for(y=0;y<W;y+=r(30)+.1) stroke(get(y,x).map((u,i)=>i<3?r(x+i*98):w)), line(y+r(-30,30),x,y,x) ++t}
//何も無いところから色を生み出す //#つぶやきProcessing #p5js t=0 draw=_=>{r=random createCanvas(W=(w=200)*2,W) for(x=0;x<W;x++) for(y=0;y<W;y+=r(30)+.1) stroke(get(y,x).map((u,i)=>i<3?r(x+i*98):w)), line(y+r(-30,30),x,y,x) ++t} pic.x.com/3uoYqakKIb
Stems pattlas.com/algorithms/FTE… 今日の #つぶやきProcessing を #pattlas でインプリしました。 再帰的に枝分かれします。 #p5js pic.x.com/UtcnR2vnDP x.com/TakagiHitoshi/…
//#つぶやきProcessing #p5js draw=_=>{ createCanvas(W=(w=200)*2,W) L=(a,b,c,d)=>line(a,b,c,d) G=(x,y,d,n=5,X,Y)=>(n<1?0:(L(x,y,X=x+d,Y=y+d),L(x,y,X,y),L(x,y,x,Y),G(x,Y,d*.7,n-1),G(X,y,d*.7,n-1),G(X,Y,d*.7,n-1))) translate(w,w) stroke('blue') for(i=0;i<6;i++) rotate(1), G(0,0,60)}
#つぶやきProcessing 「ジャギースクエア」 f=0 draw=_=>{f++||createCanvas(W=500,W) background(0) noStroke() for(x=0;x<W;x+=10)for(y=0;y<W;y+=10){c=W for(r=0;r<W;r+=30){i=atan2(y-250,x-250)+f*r/1e4 R=dist(x,y,250,250)*max(abs(cos(i)),abs(sin(i))) if(r<R)c=W-c} fill(c) rect(x,y,10)}} pic.x.com/QaAPFn2sEZ
Bessel Patterns pattlas.com/algorithms/sk7… 第一種ベッセル関数の数値で半径の間隔を変化させて円を表示します。 先日 #つぶやきProcessing ツィートしたものをベースとしています。 #pattlas #p5js pic.x.com/4pV0LA77Bl x.com/TakagiHitoshi/…
//#つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W) fill(0) f=n=>n<2?1:n*f(n-1) I=(x,m,n=1)=>n>w?0:1-x*x/n/(n+m)*I(x,m,n+1) J=(x,m)=>I(x,m)*(x**m)/f(m) for(i=R=0;i<9;R+=K*5,i++) for(T=0;T<TAU;T+=.1) circle(R*cos(T)+w,R*sin(T)+w,K=abs(J(i,t))*20) t=(t+=.01)%13}
第一種ベッセル関数の値で半径の間隔と点の大きさを描く openprocessing.org/sketch/2762012 //#つぶやきProcessing #p5js x.com/TakagiHitoshi/…
//#つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W) fill(0) f=n=>n<2?1:n*f(n-1) I=(x,m,n=1)=>n>w?0:1-x*x/n/(n+m)*I(x,m,n+1) J=(x,m)=>I(x,m)*(x**m)/f(m) for(i=R=0;i<9;R+=K*5,i++) for(T=0;T<TAU;T+=.1) circle(R*cos(T)+w,R*sin(T)+w,K=abs(J(i,t))*20) t=(t+=.01)%13}
#つぶやきProcessing 「杖の壁面」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) strokeWeight(3) for(x=-f%40-40,c=1;x<600;x+=20,c*=-1){ fill(W) circle(x,Y=W*noise(x+f),20) noFill() arc(x,Y,50,50,C=(c-1)*PI/2,C+PI) line(x,Y+c*25,x,Y+c*W) } } pic.x.com/9pPv41677Q
#つぶやきProcessing 「楔差し」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) strokeWeight(2) for(x=-W;x<1e3;x+=50) for(y=0;y<1e3;y+=20){ stroke(W,max(0,W*sin((y-f+9e3)*noise(x)/20))) line(x+y,y,x+y-50,y-25) line(x+y,y,x+y-25,y-50) } } pic.x.com/dPQIhdZabH
#つぶやきProcessing 「アンリアルシフト」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(n=5;n<100;n++) for(k=0;k<200;k+=3){ fill(W,n*3) t=(f*3+k+9e3)*noise(n,9)%600-50 circle(1e3*noise(n)-250+acos(cos(t/50+n))*30,t,n/10) } } pic.x.com/93IDPDefqF
t=1,setup=_=>{createCanvas(w=400,w)} draw=_=>{background(220),t+=.01 for(i=w;i>0;i-=15){beginShape() for(j=1;j<w;j+=8/i,"#つぶやきProcessing") vertex(a=i*cos(j^t*i),b=j*sin(i%t^j)) +fill(a,b,a^b)+noStroke() endShape()}} //スクラップ pic.x.com/uCbKhAaRJz
#つぶやきProcessing 「繰り返し送々」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) for(c=0;c<30;c+=10) for(i=I=(c+f/30)%30;i<I+5;i+=.03){ stroke(W,1e3-I*40) r=max(0,i*30-50) line(r*cos(i),r*sin(i),0,0) } } pic.x.com/dUMMpM5pys
t=1,setup=_=>{createCanvas(w=400,w)} draw=_=>{background(220),t<5?t+=.1:t=1 for(i=w;i>0;i-=5){beginShape() for(j=1;j<w;j+=8/i,"#つぶやきProcessing") vertex(a=i*cos(i^t^j),b=i*sin(i/t/j)) endShape()}} //土砂降り・増水 pic.x.com/qySn8MLVSn
#つぶやきProcessing 「眼の和解」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) noFill() translate(250,250) for(r=0;r<W;r+=20) for(i=I=f*(noise(r)-.5)/60;i<TAU+I;i+=PI/9){ push() translate(r*cos(i),r*sin(i)) rotate(i) ellipse(0,0,r/5,r) pop() } } pic.x.com/2OPDLqxebQ
//「こんにちは。」「はいどうも。」 //#つぶやきProcessing #p5js t=0,h=.1 draw=_=>{ r=random,f=Math.tanh createCanvas(W=2*(w=200),W) d=(f,x)=>(f(x+h)-f(x))/h strokeWeight(3) for(x=-W;x<W;x+=2) point(x,w-89*d(f,x/w*3+t/18-9)-99*d(f,x/w*33-t/5)) t=++t%W} pic.x.com/02Ak2OKzUN
#つぶやきProcessing 「鎮めるための箱」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) fill(0) stroke(W) rect(50,50,400) for(x=50-f%50;x<W;x+=50) for(y=0;y<min(x,450);y+=25){ rect(x,450-y,25,25) } } pic.x.com/BFO0AFDrr4
//ベタだけど第一種ベッセル関数 //#つぶやきProcessing #p5js draw=_=>{ createCanvas(W=2*(w=200),W) f=n=>n<2?1:n*f(n-1) J0=(x,m,n=1)=>n>w?0:1-x*x/n/(n+m)*J0(x,m,n+1) J=(x,m)=>J0(x,m)*(x**m)/f(m) for(n=0;n<9;n++) for(x=0;x<9;x+=.01) point(x*W/9,w-J(x,n)*w) noLoop() } pic.x.com/xBkwWLQuuH
//ゆるーく直交しているベッセル関数J0とJ1で円を描く //#つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=2*(w=200),W) j=(x,n=1)=>n>44?0:(1-x*x/n/n*j(x,n+1)) k=(x,n=1)=>n>44?0:1-x*x/n/(n+1)*k(x,n+1) for(R=1;R<W*2;R+=30) for(T=PI;T<TAU;T+=3/R) point(R*j(T)+w,R*k(T)*T+w) ++t} pic.x.com/uPj9yDuOeE
//メロンソーダ //#つぶやきProcessing #p5js t=0 draw=_=>{ r=random t||createCanvas(W=2*(w=200),W)+(N=[]) background(9,w,9,t) N.push([r(W),r(W)]) N.map(([x,y])=>{fill(r(t),W,W),textSize(r(24)),text('泡',x+noise(t)*20,abs(y-t+w)-70)}) t=++t%W } pic.x.com/qoU75EYSju
//肉まん //#つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=2*(w=200),W) strokeWeight(4) for(R=1;R<60;R++) for(T=0;T<TAU;T+=.01) stroke(235,235,200), point((Q=R*exp(sin(T))-8*cos(4*T))*cos(T)+w,Q*sin(T)+w), R%10==0?point(3*sin(T*2+t/7)+R*5+50,T*8+100):0 ++t} pic.x.com/XnIMj5Tb6G
//自己書換コード //#つぶやきProcessing #p5js draw=_=>{ frameRate(1) r=random createCanvas(W=(w=200)*2,W) C=draw.toString() textSize(20) R=w r()<.9?eval("c="+C.replace(/(R=)\w/g,'$1'+r(W).toFixed(2))+",c(),text('draw='+c,0,17)"):0 fill(w),rect(0,350,R,50),fill(0),rect(R,350,W,50)} pic.x.com/uruwnB2ObA
//ただいまから。。。 t=0,draw=e=>{!t&&createCanvas(W=480,W),background(W),textSize(24);const c="ただいまから 10/10 10:10 ",s="をお知らせします";a=t%33,text(c.slice(0,a),90,220),a>20&&(b=a-20,text(s.slice(0,b),140,270)),t+=.1};//#つぶやきProcessing pic.x.com/8xWFbdEIl2
// もみじになりたかったひとで t=0,draw=e=>{for(!t++&&createCanvas(W=480,W),a=[3,6,6,2,9,6,3,3.4,9,3.4],background("#6af"),s=stroke,fill(u="#f00"),s(u),beginShape(),i=0;i<a.length;)splineVertex(40*a[i++],40*a[i++]);endShape(CLOSE),s(0),line(240,202,240,320)}//#つぶやきProcessing pic.x.com/wW2pxEyign
#つぶやきProcessing 「栄祷の印」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) for(r=1e3;r>0;r-=50) for(i=0;i<30;i++){ push() translate(250+r*cos(I=i/30*TAU+f*noise(r)/30),250+r*sin(I)) rotate(r/9+i/5*sin(i/99)) d=r/6*(1+i/30) rect(-d,-d/2,d*2,d) pop() } } pic.x.com/tNKfApb89m
//ダイエットしすぎたもみじ t=0,draw=e=>{!t++&&createCanvas(W=480,W);const n=[60,60,60,21,90,60,30,36,90,36,30,60];for(fill("#f00"),beginShape(),i=2;i<n.length;)(s=splineVertex)(4*n[0],4*n[1]),s(4*n[i++],4*n[i++]);endShape(),line(4*n[0],4*n[1],4*n[0],324)};//#つぶやきProcessing pic.x.com/JDconW0Vw0 x.com/dansanburu/sta…
#つぶやきProcessing 「欠け玉ねぎ」 f=0 draw=_=>{ f++||createCanvas(W=500,W)+background(0) noStroke() colorMode(HSB,1) for(x=-98;x<99;x++){ fill(.4*noise(x,9,f/300),1,1,.1) t=(f*3+9e3)*noise(x+W)%600-50 circle(250+x*2*(sin(t/200)+.5),W-t,3+abs(x/6)) } } pic.x.com/C0WjhxAHcZ
//ロジスティクス写像 //#つぶやきProcessing #p5js a=0 draw=_=>{ a||createCanvas(w=400,w)+(b=random(1,2)) strokeWeight(3) L=[x=.1] for(i=0;i<99;i++,x=x1) x1=a*x*(1-x)+b*sin(x), i>30?((i=L.includes(x1)?99:i),L.push(x1),stroke(a*80,i*3,x*90),point(a*160,w-x1*300)):0 a=(a+=.01)>4?0:a} pic.x.com/IoWH40LxLV
#つぶやきProcessing 「深い蒼の花」 f=0 draw=_=>{ f++||createCanvas(W=500,W)+background(0) colorMode(HSB,1) noStroke() for(n=0;n<99;n++){ fill(.7,1,(n+f)/99%1) r=-W+(f*3+9e3)*noise(n)%1e3 circle(250+r*cos(i=n/99*TAU),250+r*sin(i),3+max(r)/20) } } pic.x.com/bR3PGtpoFt
//ちょっと思いついただけ //#つぶやきProcessing #p5js preload=_=>{i=loadImage('gaifuKaisei2.jpg')} t=0,d=4 draw=_=>{ createCanvas(W=(w=200)*2,W) strokeWeight(d) for(x=0;x<W;x+=d) for(y=0;y<W;y+=d) stroke(i.get(x,y*min(w,t)/w)), point(x,y) t=++t%W} pic.x.com/JtcTwl4PXj
//木漏れ日 //#つぶやきProcessing #p5js t=0,P=[] draw=_=>{ r=random t||createCanvas(w=400,w) P.push([r(w),r(w),r(w)]) background(50,50,9,9) noStroke() P.map(B=>{fill(B[2]+=r(-9,9),200,99,50),circle(B[0]+=r(-9,9),B[1]+=r(-9,9),r(35))}) t>w?P.shift():0 ++t } pic.x.com/u9oHqtwuSe
//お月見 t=0,draw=a=>{!t&&createCanvas(W=480,W),Z=W/2,A=W/6,c=circle,n=noise(t),background(35),noStroke(),fill("#fc5"),translate(Z+A,Z-A),c(0,20*n,Z-30),fill("#ea3"),c(A/4,A/2,A),rotate(1.4+n/2),arc(5,-12,140,21,.5,5),arc(15,-40,160,22,.5,5),t+=.008};//#つぶやきProcessing pic.x.com/7PdsWpkKhf
#つぶやきProcessing 「格子の検算」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) strokeWeight(3) translate(250,250) rotate(tan(f/90)/99) scale(sin(f/90)) for(x=-W;x<W;x+=50)for(y=-W;y<W;y+=50){ r=x*x+y*y d=50*sin((f+r)/90) line(x,y,x+d,y) line(x,y,x,y+d) } } pic.x.com/0WRQO8NetY
#つぶやきProcessing 「幾重の網」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) translate(250,250) for(z=1;z<9;z++){ push() rotate(99*noise(z)) for(y=-W-f*3*noise(z)%80;y<W;y+=80){ strokeWeight(5) stroke(z*40) line(-W,y,W,y) } pop() } } pic.x.com/BzIViUi1MI
マンデルブロが一瞬なので、静止画も貼ります。 //#つぶやきProcessing #p5js pic.x.com/MV4lVu7pPd x.com/TakagiHitoshi/…
ニュース
スポーツ
エンタメ
エンタメ
エンタメ
スポーツ
スポーツ
スポーツ
エンタメ
生成AISNSのバズまとめ一覧
