きんぞ
@TakagiHitoshi
Followers
476
Following
36
Media
4,823
Statuses
8,523
悠々自適の技術士（情報工学） #p5js #つぶやきProcessing #ProjectEuler 現在195問目 #読書 #写真 #スケッチ #手作りパン JG1EUM 時々毒を吐きます
この数年日本を出てない
Joined June 2018
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
#บวงสรวงซีรีส์ปิ่นภักดิ์
• 648108 Tweets
THE LOYAL PIN WORSHIP
• 624335 Tweets
Argentina
• 352842 Tweets
#T20WorldCupFinal
• 316758 Tweets
Chile
• 254761 Tweets
Canadá
• 250112 Tweets
#UFC303
• 137611 Tweets
Ortega
• 109089 Tweets
Conmebol
• 72678 Tweets
Klay
• 68536 Tweets
Lautaro
• 66491 Tweets
Isabelle
• 55363 Tweets
Garnacho
• 53756 Tweets
#CopaAmerica2024
• 53321 Tweets
Roldán
• 50635 Tweets
LILIES FOR LISA
• 44836 Tweets
Paredes
• 39489 Tweets
設営完了
• 34884 Tweets
ジュンブラ
• 28247 Tweets
Diego Lopes
• 26074 Tweets
ドジャース
• 22905 Tweets
YOASOBI
• 22787 Tweets
風都探偵
• 21960 Tweets
Anthony Smith
• 18045 Tweets
Milad
• 15300 Tweets
Dan Ige
• 13683 Tweets
Montiel
• 13014 Tweets
Trainee Day
• 12162 Tweets
Celso
• 11429 Tweets
Gareca
• 10896 Tweets
ラジエル
• 10687 Tweets
ビギンズナイト
• 10545 Tweets
Genuary 2024 Day 9: ASCII.
The Great Wave: a Homage to Katsushika Hokusai
#genuary
#genuary2024
#genuary9
#p5js
3
2
41
t=0,P=[],h=.1
draw=_=>{
createCanvas(W=(w=200)*2,W)+strokeWeight(4)
if(!t){for(x=0;x<3;x+=h)for(y=0;y<3;y+=h)P.push([x,y])}
(B=>(line((x=B[0])*(S=60),(y=B[1])*S,(B[0]+=h*(sin(y)))*S,(B[1]+=h*(cos(-x)))*S)))
t=++t%W}//#つぶやきProcessing
#p5js
0
7
36
Genuary2024: Day 5
In the style of Vera Molnár (1924-2023).
#p5js
:
#openprocessing
:
#genuary
#genuary2024
#genuary5
1
4
33
t=0
draw=_=>{
t||createCanvas(W=(w=200)*2,W)
F=(t,n,d)=>n>9?0:sin(t*n)/n+F(t,n+d,d)
for(i=1;i<w;i++)
stroke(X=(R=w)*F((T=t/9-i)/17,1,I=i%5+1),Y=R*F(T/11-1.6,1,I),X+Y),
point(X*cos(t/w)+w,Y*sin(t/w)+w)
++t}//#つぶやきProcessing
#p5js
0
5
33
t=0
draw=_=>{t||createCanvas(W=(w=200)*2,W)+noFill(P=[],R=_=>log(random()),q=x=>x*R()*R())+strokeWeight(.1)
F=(x,y,r)=>t=>(stroke([x,y,r].map(x=>x*t/w)),circle(x+q(8),y+q(8),r))
P.push(F(q(w),q(w),q(w)))
(F=>F(t))
t=++t%W}//#つぶやきProcessing
#p5js
0
7
32
t=0,h=.05
draw=_=>{
createCanvas(W=(w=200)*2,W)
d=(x,y)=>(x-.3)**3+(y-.3)**3
for(x=-1;x<1;x+=h)
for(y=-1;y<1;y+=h)
strokeWeight(z=exp(-d(x,y))),
stroke((T=t%2)?'gold':'pink'),
point(x*w*cos(t/w+z)+w,y*w*sin(t/w+z)+w)
t++}//#つぶやきProcessing
#p5js
1
8
30
t=0,P=[]
draw=_=>{
if(!t){for(x=0;x<9;x+=.1)for(y=0;y<9;y+=.1)P.push([x,y])}
createCanvas(W=(w=200)*2,W)
(B=>(line((x=B[0])*(S=44),(y=B[1])*S,(B[0]+=((x+(h=t/W))*cos(y+h)-x*cos(y)))*S,(B[1]+=(9+(y+h)*sin(x+h)-9-y*sin(x)))*S)))
t=++t%w}//#つぶやきProcessing
1
5
29
//
#minacoding
#つぶやきProcessing
#p5js
t=0
draw=_=>{
t||createCanvas(W=(w=200)*2,W)+colorMode(HSB,1)+(M=int(random(17,50)))
blendMode(DIFFERENCE)
fill(random(),1,1)
circle(w/2*cos(U=t/M*TAU)+w,w/2*sin(U)+w,w)
t=++t%(M*3)}
1
4
28
t=0,P=[]
draw=_=>{r=random
createCanvas(W=(w=200)*2,W)+background('slateblue')
C=(x,y)=>{for(i=0;i<5;i++)circle(x+5*cos(U=i/5*TAU),y+5*sin(U),5)}
P.push([r(W),0])
stroke('pink')
((B=>(x=B[0]+=r(-3,3),y=B[1]+=r(-1,4),C(x,y))))
++t}//#つぶやきProcessing
#p5js
0
5
27
1
3
24
t=0
draw=_=>{
t||createCanvas(W=(w=200)*2,W)
A=cos(T=t/w),C=sin(T*T),B=C/A,D=A+C
S=x=>x*cos(t/W)*w+w
for(x=-1;x<1;x+=.1)
for(y=-1;y<1;y+=.1)
[X,Y]=[A*x+B*y,C*x+D*y],
stroke(S(x+Y),S(y+X),S(X+Y)),
strokeWeight(X-Y),
line(S(x),S(y),S(x-X),S(y-Y))
t++}//#つぶやきProcessing
#p5js
1
7
24
t=0
draw=_=>{
r=random
if(!t){createCanvas(w=400,w);P=[];for(i=0;i<39;i++)P.push([random(400),random(400)])}
background(0,9)
fill('lime')
textSize(s=r(19))
(([x,y])=>{text(char(floor(32+r(96))),y,x+t*2)
})
t=++t%99
}#つぶやきProcessing
有名な映画っぽいやつ
0
8
25
t=0
draw=_=>{
t||createCanvas(W=(w=200)*2,W)+noStroke()
background(0,9)
for(r=0;r<w;r+=8)
for(T=0;T<TAU;T+=16/r)
x=r*cos(T-t/w)+w,y=r*sin(T+t/w)+w,
abs(x+y)*cos(r*t)<1?(fill(x,y,t),rect(x,y,5)):0
t=++t%W}
//#つぶやきProcessing
1
6
24
t=0,P=[]
draw=_=>{r=random
t||createCanvas(W=(w=200)*2,W)
t<w?P.push([r(W),r(W)]):0
beginShape()
(B=>{for(i=0,x=B[0],y=B[1];i<min(t,w);i++)B[0]+=(P[i][0]-x)/(R=x*x+y*y),B[1]+=(P[i][1]-y)/R;vertex(B[0],B[1])})
endShape()
t=++t%W}//#つぶやきProcessing
#p5js
0
6
24
t=0,d=5
draw=_=>{
createCanvas(W=(w=(h=25)*8)*2,W)
H=(t,n)=>n>9?0:(sin(t*n)+H(t,n+1))/n
for(x=0;x<W;x+=d*2)
for(y=0;y<W;y+=d*2)
stroke(X=H((T=t/8)-x*y,1)*w,Z=abs(X+(Y=H(T+x+y,1)*w)),Y),
strokeWeight(Z/h),
point(d*H((x-t)/h,1)+x,d*H((t+y)/h,1)+y)
++t}//#つぶやきProcessing
#p5js
0
3
24
#minacoding
Day15 Another Place /
#p5js
公園のベンチで優雅に…と思ったが、何せ暑すぎる。
結局リビングのソファーに座って、スマホでプログラミング。タッチで花火を表示。添付のgifはPCでキャプチャ。
0
4
24
t=0
draw=_=>{r=random
createCanvas(W=(w=200)*2,W)
t||(P=[])
F=(x,y,R,d,c)=>t=>{for(T=0,Q=R;T<6;T+=.1)stroke(r(w),c,w),point(Q*cos(U=t+T+d)+x,(Q*=.99)*sin(U)+y)}
t<w?P.push(F(r(W),r(W),r(39),r(6),r(w))):P.shift()
(f=>f(t))
t=++t%W}//#つぶやきProcessing
#p5js
1
2
22
t=0,P=[]
draw=_=>{r=random
createCanvas(W=(w=200)*2,W)
t<w?P.push([r(W),r(W),1]):0
(B=>{for(i=0,x=B[0],y=B[1];i<min(t,w);i++)C=P[i],B[0]+=(C[0]-x)/(R=(x*x+y*y)/B[2]),B[1]+=(C[1]-y)/R;rect(B[0],B[1],9),B[2]+=r(-1,1)})
++t}//#つぶやきProcessing
#p5js
0
6
23
Genuary2024: Day 5 In the style of Vera Molnár (1924-2023). (the second try)
#p5js
:
#openprocessing
:
#genuary
#genuary2024
#genuary5
0
1
21
t=0
draw=_=>
{r=random
t++||createCanvas(W=(w=200)*2,W)+noFill(P=[])
blendMode(r([DODGE,BURN]))
P.push(r(W))
Z=[]
;P.length>7?((x=>(x+=r(-1,1),Z.push(x))),P.shift()):0
stroke(color(r(['pink','orange','lime'])),99)
bezier(...Z)}
#つぶやきProcessing
0
2
22
t=0
draw=_=>{r=random
t||createCanvas(W=(w=200)*2,W)
M=r(50),T=r(),O=r(W)
for(x=0;x<W;x++)
stroke(t%w+(y=sin((x-t*4+T)/w*TAU)*M+O),W-t%W,W-y),
point(x,y)
t++}
#つぶやきProcessing
1
4
23
t=0
draw=_=>{a=abs
createCanvas(W=(w=200)*2,W)
for(x=-PI;x<PI;x+=.1)
for(y=-PI;y<PI;y+=.1)
z=x*sin(y+t/w)+y*cos(x-t/w),
strokeWeight(a(z*29)),
stroke(a(y*w),a(z*w),a(x*w),w),
point(x*z*w+w,y*z*w+w)
++t
}//#つぶやきProcessing
#p5js
0
2
22
t=0,d=64
draw=_=>
{r=random
t++||createCanvas(W=(w=200)*2,W)+(F=r(W))
S=[r(w,T=t%(W+1)),r(55,W),r(t,abs(W-T))]
for(y=p=0;y<W;y+=d)
stroke((x=>x+r(-5,5)),47),
line(T+w*sin((y+t)/F),W-p+y*cos(t/F),T-T*sin((y-t)/F),p=y*sin(t/F))}
#つぶやきProcessing
0
4
22
t=0
draw=_=>{r=random
t||createCanvas(W=(w=200)*2,W)+(P=[],C=p=>t*cos(p)+w,S=x=>(sin(x*t/W)+1)*w)
P.push([r(W)])
(B=>(p=B[0]+=r(-.1,.1),x=C(p),y=C(p-1.6),strokeWeight(r(8)),stroke(S(x),S(y),S(p)),point(x,y)))
t=++t%W}#つぶやきProcessing
2
4
23
t=0
draw=_=>{r=random
createCanvas(W=(w=200)*2,W)
N=6,T=PI/N,p=r(T),C=(R,x)=>R*cos(x)+w
for(i=0;i<W;i++){
stroke((V=r(T))*(t%W),R=r(w),i+t%W)
for(U=0;U<TAU;U+=T*2)
circle(C(R,U+V-p),C(R,U+V-p-1.6),5),circle(C(R,U-V+p),C(R,U-V+p-1.6),5)}
++t}
#つぶやきProcessing
2
3
20
t=0,N=100
draw=_=>{r=random
t++||createCanvas(W=(w=200)*2,W)+noStroke(M=r(30),L=r(2))
C=x=>w*cos(x*t/9)+w
for(n=0;n<N;n++)o=sqrt(L+(B=sqrt(L*L-2/M*(1-cos(TAU*n/N))))),p=sqrt(L-B),fill(o*(T=t%W),U=N*5,V=B*5),rect(X=n/N*W,C(o),3),fill(U,p*T,V),rect(X,C(p),3)}
#つぶやきProcessing
0
5
21
t=0
draw=_=>{
createCanvas(W=(w=200)*2,W)+noStroke(D=f=>(f(x+(h=t/W),y+h)-f(x,y))*h)
for(x=-5;x<5;x+=.4)
for(y=-5;y<5;y+=.4)
fill((dx=D((x,y)=>x*y+asin(1/t)))*W,(dy=D((x,y)=>y+x*sin(y)))*W,t,77),
rect(x*(S=W/10)+w,y*S+w,(x+dx)*S+w,(y+dy)*S+w)
t=++t%W}//#つぶやきProcessing
#p5js
0
4
21
Genuary2024 Day24: Impossible objects (undecided geometry).
Reutersvärd Circle
#genuary
#genuary2024
#genuary24
#p5js
0
3
21
Genuary 2024 Day 4 and Day 10
Hexagonal in the style of Vera Molnár (1924-2023).
#genuary
#genuary2024
#genuary4
#genuary10
#p5js
0
3
21
t=0,N=29
draw=_=>{createCanvas(W=(w=200)*2,W)
t||(g=createGraphics(W,W))
g.stroke(90,30+t,t*w).line(0,t,W,t)
stroke(W)
strokeWeight(4)
image(g,0,0)
for(i=k=0;i<N;i++)for(j=X=0,A=Y=i*W/N;j<N;j++,k++)line(X,Y,X=j%N*W/N+N*cos(K=k+t/7),Y=A+N*sin(K))
++t}//#つぶやきProcessing
#p5js
0
2
21
t=0,P=[],h=.01
draw=_=>{
createCanvas(W=(w=200)*2,W)
if(!t){for(x=0;x<W;x+=4)for(y=0;y<W;y+=4)P.push([x,y])}
(B=>(line((x=B[0])*(S=1),(y=B[1])*S,(B[0]+=(x*h*cos(y*h)))*S,(B[1]+=(y*h*sin(-x*h)))*S)))
t=++t%W}//#つぶやきProcessing
#p5js
0
4
21
//p5.Imageを使ってみた
#minacoding
#つぶやきProcessing
#p5js
t=0
draw=_=>{t++||createCanvas(W=(w=200)*2,W)+(i=createImage(W,W))
i.loadPixels()
for(x=0;x<W;x++)for(y=0;y<W;y++)(D=dist(x,y,w,w))<w?i.set(x,y,[x*sin(U=atan2(y,x)+t/17),y*cos(U),D,w]):0
i.updatePixels()
image(i,0,0)}
1
4
22
t=0
draw=_=>{r=random
createCanvas(W=(w=200)*2,W)+noFill()
t||(P=[])
F=(x,y,R,d,c)=>t=>{for(T=0,Q=R;T<5;T++)stroke(r(w),c,w,W/t*8),circle(x,y,Q*=1.5),R+=.1}
t<99?P.push(F(r(W),r(W),r(19),r(6),r(w))):P.shift()
(f=>f(t))
t=++t%w}//#つぶやきProcessing
#p5js
1
6
20
t=0
draw=_=>{a=x=>abs(x*w)
t++||createCanvas(W=(w=200)*2,W)
p=(x,n)=>abs(x)**n
for(x=-1;x<1;x+=.025)
for(y=-1;y<1;y+=.025)
abs((z=p(x,T=t/W)+p(y,T))-1)<.1?(strokeWeight(z*9),stroke(a(x),a(y),a(z),99),point(x*t%W+w,y*t%W+w)):0
}//#つぶやきProcessing
#p5js
2
6
20
t=0
draw=_=>{
t||createCanvas(W=(w=200)*2,W)
A=cos(T=t/w),C=sin(T*T),B=-C,D=cos(C)
S=x=>x*cos(t/W)*w+w
for(x=-1;x<1;x+=.1)
for(y=-1;y<1;y+=.1)
[X,Y]=[A*x+B*y,C*x+D*y],
stroke(S(x+Y),S(y+X),S(X+Y)),
strokeWeight(X-Y),
line(S(x),S(y),S(x-X),S(y-Y))
t++}//#つぶやきProcessing
#p5js
0
4
20
t=0,N=M=29
draw=_=>{r=random
createCanvas(W=(w=200)*2,W)+colorMode(HSB)+noStroke()
for(i=0;i<N;i++)
for(j=0;j<M;j++)
I=(i+(T=int(t/17)))%3?sqrt(2):1,J=(j+T)%2?sqrt(2):1,
fill(w,w,[0,67,127,192,255][(i+j)%5]),
rect((i+J)*W/N,(j+I)*W/M,W/N/2)
t=++t%(N*M)}//#つぶやきProcessing
#p5js
0
3
21
t=0
draw=_=>{
t++||createCanvas(W=(w=200)*2,W)+(p=W,q=w,A=w)
L=(a,b,c,d)=>line(0,-(A=(d-b)/(c-a))*a+b,W,A*(W-a)+b)
stroke(T=(t%255)*A,T*p,T+q,39)
L(p,q,p=(w/2*cos(U=t/w)+w)+50*cos(t/4),q=(w/2*sin(U)+w)+50*sin(t/4))
}//#つぶやきProcessing
#p5js
0
4
20
t=0
draw=_=>{createCanvas(W=(w=200)*2,W)
S=(draw.toString()+"#つぶやきProcessing
#p5js
").split('')
for(T=0;T<(L=S.length)*4;T++)X=(T%35)*12+10,
Y=int(T/35)*12+50,
D=dist(X,Y,w,w)*(V=max(.01,sin(t/30))),P=atan2(Y-w,X-w)+D/V,fill(D,w*V,w),text(S[T%L],X+D*cos(P+t),Y+D*sin(P+t))
++t}
1
3
20
t=0,L=5
draw=_=>{t||createCanvas(W=(w=200)*2,W)
f=x=>a*Math.sinh(x)+b*cos(x)
for(a=-L;a<L;a+=L/5)for(b=-L;b<L;b+=L/5)for(i=0,x=(t%W-w)/W*L;i<9;i++)y=x-f(x)/(f(x+.1)-f(x))/9,
stroke(f(x)*w,y*W,f(y)*w),strokeWeight(f(x/w)),
point(x*w/L+w,(x=y)*w/L+w)
t++}//#つぶやきProcessing
#p5js
0
3
20
t=0
draw=_=>{a=abs
t++||createCanvas(W=(w=200)*2,W)
for(x=-1;x<1;x+=.1)
for(y=-1;y<1;y+=.1)
z=(x-y)*w*sin((t/w)*(x+y)),
strokeWeight(a(z)/3),
stroke(a(z*9),a(y*w),a(x*w),99),
point((x*cos(z/3))*w+w,(y*sin(z/7))*w+w)
}//#つぶやきProcessing
#p5js
0
5
20
t=x=y=0,S=19
draw=_=>{
r=random
t||createCanvas(w=400,w),C=draw.toString().split('')
background(0,2)
noStroke()
fill(r(w),r(w),r(w))
textSize(S)
text(C[t%C.length],x,y);
[x,y]=(x+=S)>w?((y+=S)>w?[0,0]:[0,y]):[x,y]
t++
}
#つぶやきProcessing
a self-printing program
1
3
21
t=0,d=40
draw=_=>{
r=random
createCanvas(W=(w=(h=50)*4)*2,W)
t%h||(A=r(2,d),B=r(A,d))
strokeWeight(5)
for(x=0;x<W;x+=1)
for(y=0;y<W;y+=d)
point(x+15*sin(t-x*A),d/2*sin(t-(x+y)/B)+y)
++t}
//#つぶやきProcessing
0
3
20
t=0,d=8
draw=_=>{t||createCanvas(W=(w=200)*2,W)+colorMode(HSB,1)+noFill()
background(0,R=abs(sin(t/9)**2))
I=(r)=>r*r*(3-2*r)
strokeWeight(R*d)
for(x=0;x<W;x+=d)
for(y=0;y<W;y+=d)
stroke(I(X=x/t),I(Y=y/t),I((X-.5)**2+(Y-.5)**2-.7)),
point(x,y)
t=++t%W}#つぶやきProcessing
0
5
20
t=0
draw=_=>{createCanvas(W=(w=200)*2,W)+noStroke(r=random)
for(R=0;R<W;R+=6)
for(T=0;T<TAU;T+=9/(R+1))
for(K=0;K<4;K++)
if((a=abs((cos(U=-t-R)/R-sin(U))*sin(T)**2-K))<.14)
fill(K*W,R,T*w),rect(R*cos(T)+w,w-R*sin(T),a*99)
t+=.2}
//#つぶやきProcessing
1
2
19
t=0
draw=_=>{
t||createCanvas(W=(w=200)*2,W)+noFill(P=[])
for(i=0;i<4;i++)T=(t*i)%W,
i==0?P.push(T,0):i==1?P.push(W,T):i==2?P.push(W-T,W):i==3?P.push(0,W-T):0
stroke(...P)
triangle(...P.slice(-6)),P.shift(),P.shift()
++t}//#つぶやきProcessing
#p5js
1
6
20
t=0
draw=_=>{r=random
t||createCanvas(W=(w=200)*2,W)
c=(x,n)=>n>W?0:(1-x*x/2/n/(2*n+1)*c(x,n+2))
for(T=0;T<TAU;T+=.3)
strokeWeight((c(t/w,1)+1)*7),
stroke(c(r(t),1)*39,r(t),r(t)),
point(t*cos(t+T)+w,t*sin(t+T)+w)
t=(t+=4)%W}//#つぶやきProcessing
#p5js
0
5
19
t=0,d=8
draw=_=>{t||createCanvas(W=(w=200)*2,W)+strokeWeight(9)
for(x=0;x<W;x+=d)
for(y=0;y<W;y+=d)
R=w-dist(x,y,w,W)/2,
B=sin(y/(97+t%9/9)-5)*W-sin((x+t)/55)*40,
G=w*sin(.5-(y+t)/W)-sin((x+t)/15+25)*40,
stroke(R,G,B),
point(x,y)
++t}//#つぶやきProcessing
#p5js
0
5
19
0
2
18
Genuary2024 Day28: Skeuomorphism. A circular slide rule
円形計算尺。マウスのウィール/パッドのスクロールで動作…でも、正確に合わせるのは難しい。
真ん中が空いているので時計でも付けるか…
#genuary
#genuary2024
#genuary28
#p5js
1
2
19
t=0
draw=_=>{t||createCanvas(W=(w=200)*2,W)
d=int((W-t)/16)+4
for(x=0;x<W;x+=d)
for(y=0;y<W;y+=d)
fill(cos((x+y)*t/W)*w,sin((x-y)*(T=t/9)/W)*w,cos(x*y*T/W)*w),
rect(x,y,d)
t=++t%W}#つぶやきProcessing
0
3
20
t=0,d=8
draw=_=>{r=random
t||createCanvas(W=(w=200)*2,W)
C=(f,x)=>abs(f(x/9))*255
for(r=0;r<W;r+=d)
for(T=0;T<TAU;T+=TAU/r*5)
stroke(C(cos,x=r*cos(T+t/w)),C(sin,y=r*sin(T-t/w)),C(tan,x+y)),
strokeWeight(dist(0,w,X=x+w,Y=y+w)*2/w),
point(X,Y)
++t}
//#つぶやきProcessing
0
2
20
t=0,P=[]
draw=_=>{r=random
t||createCanvas(W=(w=200)*2,W)+strokeWeight(4)
L=(a,b)=>x=>x*(b-a)+a
P.push(L(r(127),r(127,255)))
if(t>4)for(x=0;x<1;x+=.01)stroke(P[t-3](x),P[t-2](x),P[t-1](x)),dist(X=P[t](x)*W/255,Y=t%W,w,w)%71<29?point(Y,X):point(X,Y)
++t}//#つぶやきProcessing
#p5js
0
3
19
t=0,D=8
draw=_=>{r=random
createCanvas(W=(w=200)*2,W)
C=(t)=>abs(dist(x,y,r(-9,9)+w,r(-9,9)+w)-t)<t*cos(t/17)?W:0
for(x=0;x<W;x+=D)for(y=0;y<W;y+=D)blendMode(random([BLEND,DODGE,BURN])),fill(C(W*cos(t)),C((t+w)%W),C(abs(t-w)%W)),rect(x,y,D)
t=++t%W}//#つぶやきProcessing
#p5js
0
3
19
t=0
draw=_=>{r=random
createCanvas(W=(w=200)*2,W)
t||colorMode(HSB,6)+noStroke(L=(a,b)=>x=>x*(b-a)+a,P=[])
P.push(L(r(3),r(3,6)))
(B=>{for(x=0;x<1;x+=1/W)fill(X=B((x*t)%1),w,W),rect((R=X*w/6)*cos(U=X*w+t)+w,R*sin(U)+w,4)})
t=++t%8}#つぶやきProcessing
#p5js
0
6
19
#minacoding
#つぶやきProcessing
#p5js
t=0,D=40
draw=_=>{t||createCanvas(W=(w=200)*2,W)+(r=_=>random(-D*2,D*2),u=i=>(c[i]=(y=c[i]+r())<0?-y:y>W?y-W:y),I=(i,j)=>i==j?i:i+3,U=i=>(fill(u(I(i,0)),u(I(i,1)),u(I(i,2))),rect(t,c[i],D)),c=[w,w,w,w,w,w])
!((t=++t%W)%D)?(U(0),U(1),U(2)):0}
0
4
19
t=0
draw=_=>{a=abs
createCanvas(W=(w=200)*2,W)
for(x=-1;x<1;x+=.1)
for(y=-1;y<1;y+=.1)
z=(x*x+t/W*atan2(y,x)+y*y)/dist(x,y,0,0),
//z=t/W*atan(y/x),
strokeWeight(a(z)*3),
stroke(a(y*w),a(x*w),a(z*9),99),
point(cos(z-x)*w+w,sin(z-y)*w+w)
++t
}//#つぶやきProcessing
#p5js
1
3
20
t=0
draw=_=>{r=random
t||createCanvas(W=(w=200)*2,W)+(P=[])
g=createGraphics(W,W).textSize(112).text(T="CEASE FIRE NOW!",0,0,W)
F=(x,y)=>t=>rect(x,y,t>99?13:4)
for(x=0;x<W;x+=9)
g.get(x,y=r(W))[3]?(P.push(F(x,y)),(f=>f(t))):0
t++}//#つぶやきProcessing
#p5js
1
4
21
GENUARY 2024 Day 6: Screensaver.
Flying Ricecookers (and Rice balls)
やっぱり僕らの世代はAfterdark.
#genuary
#genuary2024
#genuary6
#p5js
#openprocessing
1
1
18
t=0,h=.1
draw=_=>{createCanvas(W=(w=200)*2,W)+colorMode(HSB,.1)
background(0)
for(x=-1;x<1;x+=h)
for(y=-1;y<1;y+=h)
for(z=-1;z<1;z+=h)
abs(F=sqrt(x*x+y*y+z*z)-1)<.1?(fill(abs(F),1,1),text(...'#つぶやきProcessing'[int(abs(F*w))%15],x/z*t*w+w,y/z*t*w+w)):0
t=(t+=.1)>8?0:t}
0
7
19
t=0,d=.01
draw=_=>{
t++||createCanvas(W=(w=200)*2,W)
for(x=0;x<5;x+=d)
stroke(X=x*W/5,Y=(T=t%W)/w/(1+x*x)*W,Z=x**(T/w)/(1+x*x)*W),
point(X,Y),
point((x+d/2)*W/5,Z)
}//#つぶやきProcessing
#p5js
0
4
18
t=0,W=(w=200)*2,d=19
draw=_=>
{r=random
t++||createCanvas(W,W)+noStroke()
for(i=0;i<W*4;i++)
g=(c=drawingContext).createLinearGradient(X=r(W),Y=r(W),X+d,Y+d),
g.addColorStop(r(),color(X,r(X),r(Y),9)),
c.fillStyle=g,
rect(X,Y,d)}#つぶやきProcessing
0
4
19
t=0
draw=_=>{r=random
t||createCanvas(W=(w=200)*2,W)+noStroke(P=[])
background(0,1)
F=(r,n,d,c)=>t=>(fill(c,t,w),rect((R=r+9*sin(t*n))*cos(T=t/W*n+d)+w,R*sin(T)+w,d))
t<w?P.push(F(t,r(-7,7),r(6),r(w))):0
(F=>F(t))
t=++t%(W*2)}//#つぶやきProcessing
#p5js
0
4
18
t=0
draw=_=>{
t||createCanvas(W=(w=200)*2,W)
S=x=>(-1)**int(x*8)
for(T=0;T<TAU;T+=.3)
strokeWeight(z=(W-(U=t%W/W))/40*sin(U+t)),
stroke(U*t,abs(T-U)*39,t/6),
point(w*S(z)*U*cos(T*S(U+z)*t/w)+w,w*S(z)*U*sin(T*S(U*T)*t/w)+w)
t=++t%(W*4)}//#つぶやきProcessing
#p5js
0
5
19
1
3
18
t=0,N=20
draw=_=>{r=random
createCanvas(W=(w=200)*2,W)
C=(x,y,e,c)=>_=>(fill(c),ellipse(x,y+=r(t),N,N*r()))
if(!t){noStroke(P=[]);for(i=0;i<N;i++)for(j=0;j<N;j++)P.push(C((i+(j%2==1?.5:0))*N,j*N,1,r(w)))}
(f=>f())
t=++t%99}//#つぶやきProcessing
#p5js
0
4
19
t=0
draw=_=>{
createCanvas(W=(w=200)*2,W)
for(x=-1;x<1;x+=.05)
for(y=-1;y<1;y+=.05)
z=dist(x,y,0,0)+abs(cos((t/W)/w)*9),
strokeWeight(7),
stroke(y*w,x*w,z*20),
point(cos(x*z)*x*w+w,cos(y*z)*y*w+w),
t++
}//#つぶやきProcessing
#p5js
0
3
18
t=0,D=37
draw=_=>{
t||createCanvas(W=(w=200)*2,W)
S=x=>pow(-1,int(x*D))
for(T=0;T<TAU;T+=.6)
strokeWeight(z=(W-(U=t%w/W))/20*sin(U)),
stroke(abs(T-U)*D,V=t+D*S(U),U*t),
point(V*cos(P=T-t/D*S(t))+w,V*sin(P)+w)
t=++t%w}//#つぶやきProcessing
#p5js
0
3
19
0
1
18
Genuary2024 Day29: Signed Distance Functions
100個の円のSDFの重ね合わせ。
案外暴れる君。
最初の3-dimensionのsetup/drawの代入をコメントアウトすれば、2D版も表示できる。
#genuary
#genuary2024
#genuary29
#p5js
0
4
18
t=0
draw=_=>{
t||createCanvas(W=(w=200)*2,W)+colorMode(HSB,1)
background(0,sin(t/3))
for(h=0;h<t;h++)
for(k=0,p=q=w,r=i=0;k<t;k++)
A=TAU*h*sqrt(k+1)/t,
r+=tan(A),
i+=1/tan(A),
stroke(H=abs(r-i)%1,1,1),
strokeWeight(H),
line(p,q,p=r+w,q=i+w)
++t}//#つぶやきProcessing
#p5js
0
3
19
1
2
18
t=0
draw=_=>
{createCanvas(W=(w=200)*2,W)+noStroke(f=(r,p)=>(cos(U=t-r)+sin(U)/r)*sin(p)**2,G=(r,T)=>r*cos(T)*5*W+w,h=1/w)
for(C=0;C<1;C+=h)for(r=0;r<.1;r+=h)for(T=0;T<TAU;T+=.05)abs(f(r,T)-C)<(H=h/9)?rect(G(r,T),G(r,T-1.6),(fill(r*3e3,(T+t)*20,C*W),4)):0
t+=H}#つぶやきProcessing
0
4
19
t=0
draw=_=>{r=random
t||createCanvas(W=(w=200)*2,W)+noStroke(P=[[0,0,3]])
(B=>B[2]-->0?(fill(R=B[0]+=r(-1,2),r(W),T=B[1]+=r(Q=2/R,-Q)),circle(R*cos(T)+w,R*sin(T)+w,9),(!P[w]?P.push([R+r(-1,1),T+r(-Q,Q),3]):0)):P.shift())
t=++t%W}//#つぶやきProcessing
#p5js
0
3
18
t=0
draw=_=>{
createCanvas(W=(w=200)*2,W)
J=(x,n)=>n>w?0:(1-x*x/n/n*J(x,n+1))
for(r=0;r<8;r+=.5)
for(T=.2;T<TAU;T+=.2)
z=J(cos(U=t*r/w),1)*w,
strokeWeight(z/9),
stroke(w/r,z,w/T),
point(z*sin(T+U)+w,z*cos(T-U)+w)
++t}//#つぶやきProcessing
#p5js
1
2
18
t=0
draw=_=>{r=random
createCanvas(W=(w=200)*2,W)+background(9)
for(x=-w;x<w;x+=8)for(y=-w;y<w;y+=8)if(abs(abs(x+y)+abs(x-y)-w)<9)for(D=0;D<W;D+=8)fill(9,w,r(W)),rect(x*cos(t)+D,y*sin(t)+D,8),rect(W-x*cos(t)-D,y*sin(-t)+D,8)
t+=1/7}
//#つぶやきProcessing
0
4
19
t=0,N=29
draw=_=>{r=random
createCanvas(W=(w=200)*2,W)
colorMode(HSB)
noStroke()
for(i=0;i<N;i++)for(j=0;j<N;j++)I=(i+(T=int(t/17)))%2?.7:1,J=(i+T)%2?1:.7,
fill([14,67,192][int(i+j+t/7)%3],w,w),
circle((i+J)*W/N,(j+I)*W/N,[7,11][int(t/17)%2])
t=++t%(N*N)}#つぶやきProcessing
#p5js
0
3
19
t=0
draw=_=>{
t||createCanvas(W=(w=200)*2,W)+noStroke()
a=i=>abs([x,y,z][int(t/7*z+i)%3])*w
for(x=-3;x<3;x+=.1)
for(y=-3;y<3;y+=.1)
z=x*y,
fill(a(0),a(1),a(2)),
rect(cos(T=t/97.3-z)*z*w+w,sin(T)*z*w+w,abs(z)*9)
t+=32}//#つぶやきProcessing
#p5js
0
5
19
t=0
draw=_=>{
createCanvas(W=(w=200)*2,W)
for(x=-1;x<1;x+=.05)
for(y=-1;y<1;y+=.05)
z=dist(x,y,0,0)-3*sin(t/W/w),
strokeWeight(abs(z)*5),
stroke(y*w,x*w,z*20),
point(z*x*w+w,z*y*w+w),
t++
}//#つぶやきProcessing
#p5js
1
7
18
t=0
draw=_=>{
createCanvas(W=(w=200)*2,W)+strokeWeight(8)
D=f=>(f(x+(h=t/W),y+h)-f(x,y))*h
for(x=-5;x<5;x+=.4)
for(y=-5;y<5;y+=.4)
stroke((dx=D((x,y)=>x*x*cos(y)))*W,(dy=D((x,y)=>4+y*sin(t/8)))*W,t,77),
line(x*(S=W/10)+w,y*S+w,(x+dx)*S+w,(y+dy)*S+w)
t=++t%W}//#つぶやきProcessing
0
3
18
t=0
draw=_=>{
t++||createCanvas(W=(w=200)*2,W)+background(0)+noFill(p=W,q=w)+strokeWeight(8)
stroke((T=(t%255))*(Q=int(t/w)),p/Q,q*Q,99)
X=T*cos((U=t*1.3))*sin(t/9)+w
Y=T*sin(U)*cos(t/9)+w
bezier(p,q,P=(p+X)/3,Q=(q+Y)/3,P*2,Q*2,p=X,q=Y)
}//#つぶやきProcessing
#p5js
0
5
17
t=0,d=16
draw=_=>{r=random
t||createCanvas(W=(w=200)*2,W)+strokeWeight(5)
for(x=0;x<W;x+=d)
for(y=0;y<W;y+=d)
stroke(x*sin(X=x-t),y*cos(Y=y+t),99),
point(x+d/2*cos(Y),y+d/2*sin(X))
t=(t+=.05)>TAU?0:t}
//#つぶやきProcessing
0
3
17
t=0
draw=_=>{r=random
t||createCanvas(W=(w=200)*2,W)+strokeWeight(5)+(P=[])
P.push([r(W),0])
a=0;for(F of P)a+=F[1]/P.length,stroke(r(t%W),a,F[0]+F[1]),point(F[0]+=5*r(-(T=W-t)/a,T/a),F[1]+=r(-1,3))
++t}
#つぶやきProcessing
0
3
17
t=0
draw=_=>{createCanvas(W=(w=200)*2,W)+strokeWeight(19)
for(i=t;i<t+17;i++)
for(T=0;T<TAU;T+=.1)stroke(t%w,(U=cos(T))*w,(V=sin(T))*w),
point(w/2*cos(I=(i%W)/17*TAU)*((M=cos(t/55))*U+(1-M)*atan(V-T))+w,w/2*sin(I)*(M*V+(1-M)*Math.tanh(U-T))+w)
++t}//#つぶやきProcessing
#p5js
1
5
18
t=0
draw=_=>{
if((++t)-int(t/99)*99>50)return
createCanvas(W=(w=200)*2,W)+textSize(16)
for(R=0,i=0;R<w;R+=19)
for(T=0;T<TAU;T+=TAU/(R/4+1),i++)
stroke(shuffle([R,T*i,t])),
text(..."RETSAE YPPAH "[(t+i)%13],(.7+.1*cos(T))*sin(T)*R+w,cos(T)*R+w)
}//#つぶやきProcessing
#p5js
0
6
18
t=0,u=0
draw=_=>
{r=random
t||createCanvas(W=(w=200)*2,W)+(u++)
k=(x,n)=>n>50?0:(1-x*x/n/n*k(x,n+1))
C=(x,t)=>x*cos(t)+w
for(h=0;h<TAU;h+=.1)
strokeWeight(R=k(t/10,1)*20+5),
stroke(r(R*9),r(t*3),r(t*h),w),
point(C(t,H=t+h*u%9),C(t,H-1.6))
t=++t%w}#つぶやきProcessing
1
5
18
t=0
draw=_=>{r=random
t||createCanvas(W=(w=200)*2,W)+(D=r(9),M=r(19))
C=(x,y,R,n)=>{if(n<1)(stroke(x,t,y,w),strokeWeight(4),point(x,y))
else
for(let i=0;i<TAU;i+=TAU/M)C((R+t)*cos(i)+x,(R+t)*sin(i)+y,R/D,n-1)}
C(w,w,w,3)
t=++t%w}
//#つぶやきProcessing
1
2
17
x=0,f=1
draw=_=>{
M=10,S=.01
if(!x)createCanvas(W=(w=200)*2,W),colorMode(HSB,1),P=[]
r=random()
for(y=1;y<M;y+=S){
s=0
X=f==-1?(M-x):x
for(k=1;k<33;k++)s+=sin(X*k)/(k-X/y)
if(abs(tan(s)-y)<1)stroke(r,1,1),point(X*W/M,W-y*W/M)
}
[x,f]=(x+=S)>M?[0,-f]:[x,f]
}#つぶやきProcessing
1
2
18
t=0,h=.1
draw=_=>
{createCanvas(W=(w=200)*2,W)
C='.:-=+*#%@'.split('')
for(T=0;T<TAU;T+=h){
a=cos(T+(t+=h)),b=sin(T),c=cos(T/2),d=sin(T/2+(t+=h))
for(p=-1;p<1;p+=h)
x=9*a+p*(c*a),
y=9*b+p*(c*b),
z=p*d,
text(C[int(abs(z*9))%9],x/(Z=1-z)*9+w,y/Z*9+w)}}
#つぶやきProcessing
#p5js
0
3
18
t=0,d=8
draw=_=>{createCanvas(W=(w=200)*2,W)
for(x=0;x<W;x+=d)for(y=0,p=x,q=0;y<W;y+=d)(D=dist(x,y,w,w))<150?(stroke(9,w,t%w),line(p,q,p=(X=(w-x)*(V=cos((T=t/w)*x/W)))*cos(T)-(Y=(w-y)*V)*sin(T)+w,q=X*sin(T)+Y*cos(T)+w)):(stroke(0),line(p,q,p=x,q=y))
t+=d}#つぶやきProcessing
#p5js
0
2
18
t=0
draw=_=>{
t||createCanvas(W=(w=200)*2,W)
S=draw.toString()
T="
#minacoding
Day18 Word Limit #つぶやきProcessing
#p5js
".split('')
text(S[t%S.length],t%20*20,int(t/20)*20+10)
++t>W?noLoop():0
}
0
6
18
t=0
draw=_=>{createCanvas(W=(w=200)*2,W)
S=(draw.toString()+"#つぶやきProcessing
#p5js
").split('')
for(T=0;T<(L=S.length)*4;T++)X=(T%35)*12+10,
Y=int(T/35)*12+50,P=atan2(Y-w,X-w),
D=dist(X,Y,w,w)*t/w,textSize(t/3),fill(random(w),t,w),text(S[T%L],X+D*cos(P),Y+D*sin(P))
t=++t%w}
1
4
18
t=0,W=(w=200)*2,d=7
draw=_=>{r=random
t||createCanvas(W,W)+colorMode(HSB,4)+strokeWeight(d)
T=t++%(W-7)
for(x=0;x<W;x+=d)
for(y=0;y<W;y+=d)
stroke((cos(x*t/W)+1)+(sin(y*t/W)+1),w,w),
point(x,y)
++t}#つぶやきProcessing
1
4
18
t=0
draw=_=>{
t||createCanvas(W=(w=200)*2,W)+noFill(t=400)
m=x=>M[x%4]
M=[T=t%W,W,W-T,0],
stroke(m(T/4),m(T/7),m(-T)),
triangle(m(D=int(t/W)),m(D-1),m(D+1),m(D),m(D+2),m(D+1))
++t}//#つぶやきProcessing
#p5js
0
4
18
t=0,P=[]
draw=_=>{r=random
t||createCanvas(W=(w=200)*2,W)+stroke(W)
t<w?P.push([r(W),r(PI),r(w),r(w),r(w),r(9)]):0
(B=>{C=t=>B[0]*cos(t)+w;for(i=0;i<6;B[i]+=r(-1,1),i++);fill(B[2],B[3],B[4],w),rect(C(B[1]),C(B[1]-1.6),B[5])})
++t}//#つぶやきProcessing
#p5js
0
3
18
#minacoding
Day02 Color /
#p5js
アルファ値を下げた円をずらして沢山重ねて、水彩のWet in wetみたいな効果を出す。
補色（HSB(0<hue<1)で(hue+0.5)%1）を20%くらい加える。
gif だと、モヤモヤ感がうまく表示できないので、上記リンク先をみてください。
0
2
18
t=0
draw=_=>{t||createCanvas(W=(w=200)*2,W)+strokeWeight(4)+(x=0,y=-w)
translate(w,w)
C=x=>8*cos(x)
for(h=1,d=t&1;t>=h;h*=2)(!(t&h)&&(t&(h*2)))?d+=2:0
stroke('red'),line(x,y,x+=C(D=d*1.6),y+=C(D-1.6))
fill(W)
noStroke(textSize(99))
text('2024',-139,-12)
++t}#つぶやきProcessing
3
2
17