t=0
draw=_=>{
t+=.01
createCanvas(w=255,255)
loadPixels()
for(x=0;x<w;x++)
for(y=0;y<w;y++){
p=x%3
a=w/2+sin(t+p)*40
b=w/2+cos(t*p)*40*(p>0?1:0)
c=[200,200,200,w]
c[p]=50
if(abs(dist(x,y,a,b)-60)<20+p*5||random()<.5)set(x,y,c)
}
updatePixels()
}//#p5t #つぶやきProcessing

t=0
draw=_=>{
t+=.01
createCanvas(w=255,255)
loadPixels()
for(x=0;x<w;x++)
for(y=0;y<w;y++){
p=x%3
a=w/2+sin(t+p)*40
b=w/2+cos(t*p)*40*(p>0?1:0)
c=[200,200,200,w]
c[p]=50
if(abs(dist(x,y,a,b)-60)<20+p*5||random()<.5)set(x,y,c)
}
updatePixels()
}//#p5t #つぶやきProcessing

//quick tunnel o' love
t=0
draw=_=>{s=18
p=t%1
u=t*1.57
createCanvas(w=400,w)
colorMode(HSB,3)
noFill()
for(i=0;i<s;i++){o=i/s+p/s
strokeWeight(36)
stroke(2+sin(o*-4+u)/2,2+sin(o*-8+u),3)
d=70-o*30
circle(200+sin(a=o*4+u)*d,200+cos(a)*d/2,700*o)}t+=.04}//#p5t #つぶやきProcessing

#tweetcart #p5js

自己紹⇑
ツイッター上の #つぶやきProcessing という、1ツイートのプログラムで創作活動をする試みに参加しています
▼これをチェックだ！
( https://twitter.com/i/events/1522175321503842305 )
あと文字とか好き Unicodeを眺めるのが趣味の一つです そのほかにも知的なこと中心に趣味がいっぱいある

すべて #つぶやきProcessing

取り敢えず今週中に #つぶやきProcessing のfedibird/mastodon版 #トゥートProcessing (281文字以上500字以内) をやってみたいのである

The code below is part of #つぶやきProcessing over on twitter. If you copy & run the code it's animated. But I like the still image.

f=0,draw=a=>{for(f++||createCanvas(W=400,W,WEBGL),pointLight([255],0,-W,W),pointLight([200],0,0,W),i=0;i<TAU;i+=PI/256)push(),rotate(i),translate(99,0),rotateY(i+f/50),box(s=abs(sin(8*i))*random(15,45),2,s,random(15,45),5),pop();box(1e3)};

t=0
draw=_=>{t+=.01
createCanvas(w=400,w)
colorMode(HSB,9)
for(d=-w;++d<20;fill((d+t/.69)%9,5+d/2,d/2)){beginShape(l=(w-d*20)*(1+cos(t)/5))
for(a=b=sin(t+d/8)+t;a<b+7;a+=2.09)vertex(w/2+cos(a)*l,w/2+sin(a)*l)
endShape(strokeWeight(1+abs(sin(d/5+t*2))))}}//#p5t #つぶやきProcessing

(Thumper, but make it gay)

t=0
draw=_=>{t+=.001
createCanvas(w=320,w)
randomSeed(t*160)
for(r=10;r--;)for(i=30;i--;){p=(t+i/30)%1
a=p*TAU-1
d=40+map(p,.5,1,r,(r+1)%10,1)*10
text("#つぶやきProcessing"[(a>-.5&&a<.5)?5+r:floor(random(15))],cos(a)*d+w/2,sin(a)*d+w/2)}textSize(40)
text("#",150,168)}//#p5t #p5js

t=0
draw=_=>{t+=.003
createCanvas(w=500,w)
background('#113')
c=['#fa5','#ffc','#418','#92b','#f48','#f66']
h=w/2
for(d=8;d--;)for(p=0;p<1;p+=.02)line(h+sin(a=p*TAU+t*(3-d/2))*d*30,h+cos(a)*d*30,h+sin(a)*(d+1)*30,h+sin(a)*(d+1)*30,stroke(c[d%6]))
}//#p5t #つぶやきProcessing

-----

Color palette: S-SUNSET7 by ANoob

https://lospec.com/palette-list/s-sunset7

micro #p5js demake of this cool mograph post by @cjrando!

https://mastodon.art/web/@cjrando/108319397969953571

t=0
draw=_=>{
t+=.02
createCanvas(w=600,h=400)
for(d=2;d--;)for(x=w;x>0;x-=7)for(y=w;y-=2;)line(a=x+10-noise(x/99+cos(t)*(d*2-1),y/99,d+sin(t))*20,y,a,y-2)
}//#p5t #つぶやきProcessing

//alternate take
t=0
draw=_=>{t+=.02
createCanvas(w=500,w)
colorMode(HSB,9)
p=t/.8%1
for(j=40;j>0;j--){s=5*j
push(noStroke(fill(j%9,5,9)))
translate(w/2,w/2,rotate(sin(t+s)/2))
pop(rect(g=-s/2,g,s,s))}}
//#p5t #つぶやきProcessing

t=0
draw=_=>{t+=.02
createCanvas(w=250,w)
colorMode(HSB,9)
p=t/.8%1
for(j=0;j<99;j++)circle(w/2,w/2,j*5+5*p,noFill(stroke(7*(j%2-p),4,6)))
for(j=30;j>0;j--)pop(s=5*j,push(noStroke(fill(j%9,5,9))),rotate(sin(t+s)/2,translate(w/2,w/2)),rect(g=-s/2,g,s,s))}//#p5t #つぶやきProcessing

t=0
draw=_=>{t+=.01
createCanvas(w=500,w)
h=w/2
randomSeed(r=random)
blendMode(DIFFERENCE)
for(x=0;x<w;x+=15)for(y=-135*t/TAU;y<570;y+=15)if(g=map(dist(x,y,h,h),215,245,0,20,true))circle(x,y,g+sin(x+y+t)*5)
for(d=w;d>0;d-=17)arc(h,h,d,d,a=r(6)+t*ceil(r(4)-2),a+map(d,0,w,1,3))}
//#p5t #つぶやきProcessing

Stress Spiral!
#p5t #つぶやきProcessing

Stress Spiral!

t=0
draw=_=>{t+=.04
createCanvas(w=500,w)
fill('#ff8')
beginShape(s=99)
l=Array(s).fill(0)
for(i=0;i<s*s;i++)l.push(l[i]+60*noise(i/40,sin(t),cos(t))*min(i/s,1))
strokeWeight(12)
stroke('#e31')
for(i=0;i<s*s;i++)vertex(w/2+cos(a=i*(TAU/s)-t)*l[i],w/2+sin(a)*l[i])
endShape()}

t=0
draw=_=>{
t+=1
s=48
createCanvas(w=432,w)
background(0)
strokeWeight(2)
colorMode(HSB,99)
f=0
for(c=0;c<w;c+=s)
for(r=0;r<w;r+=s){f++
for(i=0;i<s;i+=4){
stroke((t+i*5*((c+2)/9))%99,50,99)
if(f%2>0)line(c+i,r,c+i,r+s)
else
line(c,r+i,c+s,r+i)
}
}
}
//#p5t #つぶやきProcessing

RT @KomaTebe
#つぶやきProcessing
function draw(){for(z||createCanvas(w=400,w,WEBGL),background(W=200),circle(0,0,X),rotateX(.5),i=9*-w;i<w;i+=W)push(x=-x),noFill(translate(x,90,i+z%w)),cone(50,-W,5,5),line(30,X,-30,X),C(20),pop(C(-20));z++}z=0,x=X=-80,C=a=>curve(x,-w,0,a,X,0,a-2*x,X,W,x,-w,w)

RT @yuruyurau@twitter.com

t=0;draw=$=>{t||createCanvas(540,540);background(0);fill(0,240);stroke(248,196);for(s=PI/17,j=-4+(t+=s/2)/5%s;j<4;j+=s)for(i=0;i<6;i+=s*2)quad(...[[i,j],[i+s,j],[i+s,b=j+s*sin(t+i*j)],[i,b]].flatMap(([u,v,e=v**4*4+40])=>[e*cos(u+j)+270,240-v*90+e*sin(u+j)]))}
#つぶやきProcessing

🐦🔗: https://twitter.com/yuruyurau/status/1485284459062894596

t=0
draw=_=>{
t+=1
j=2.094
createCanvas(w=400,w)
for(x=0;x<w;x+=33)
for(y=0;y<w;y+=33)
for(d=31;d>0;d-=2){
stroke(150+sin(x/30+sin(y/30+t/5)+t/d)*150)
triangle(x+cos(a=PI/2+PI*(x+y))*d,y+sin(a)*d, x+cos(a+=j)*d,y+sin(a)*d, x+cos(a+=j)*d,y+sin(a)*d)
}
}
//#p5t #つぶやきProcessing

t=0
draw=_=>{
t+=.05
createCanvas(w=400,w)
background(0)
noFill(b=350)
for (y=0;y<w;y+=2)for(k=0,d=(w/2-y)*1.5;k<2;k++)stroke(p=255*k,0,255-p,bezier(a=50,y,a+cos(a=y/9+t*(k*2-1))*d,y+sin(a)*d,b+cos(a+PI)*d,y+sin(a+PI)*d,b,y))
}
//#p5t #つぶやきProcessing #p5js #processing