t=0
draw=_=>{t||createCanvas(W=720,W)
t+=.02
background(F=0)
for(y=0;y<W;y+=239)for(x=0;x<W;x+=239){
fill(W)
beginShape()
for(r=0;r<6.28;r+=PI/32)vertex(cos(R=2+r+t*((x+y)%2?1:-1))*(D=F++%8>3?130:99)+x,sin(R)*D+y)
endShape()+fill(0)+circle(x,y,180)}}

8 37

f=0,draw=e=>{for(f||createCanvas(W=400,W,WEBGL,T=translate,S=sphere),i=0;i<2e3;i++)push(R=e=>(N=noise(i*e))+N*(f+e)),rotateY(R(5)),rotateZ(R(9)),T(0,n=220),pop(S(1,n)),i>1995&&pointLight([W],0,-800,-W);S(80,n),T(120*sin(f),0,120*cos(f+=.003)),S(20,n),S(1e3)};//#つぶやきProcessing

21 125

setup=_=>{createCanvas(w=640,w);background(0);blendMode(ADD);noStroke();r=w;while(r--){fill((u=random)(64),u(32),u(16));push();translate(u(w),u(w));rotate(u(TAU));square(-30,-30,60);pop()}filter(INVERT)}

https://t.co/oMx7uIe5P9

2 15

setup=_=>{createCanvas(w=600,w);blendMode(ADD);p=new Path2D("M 0.5 0.49 A 0.7 0.7 0 1 1 0.5 -0.49 A 0.5 0.5 0 1 0 0.5 0.49 Z");r=w;while(r--){
push();translate((q=random)(w),q(w));rotate(q(TAU));scale(q(30)+10);fill(40,80,160);drawingContext.fill(p);pop()}}

1 11

t=0
draw=_=>{t||createCanvas(W=720,W)
t+=.01
colorMode(HSB)
B=blendMode
B(BLEND)
background(0,.1)
B(ADD)
for(r=0;r<9;r+=.1)push()+translate(cos(R=r*r-t)*(H=360)+H,sin(R-r*W)*H+H)+rotate(t*W)+fill(r*40,85,W,T=tan(r+t))+ellipse(0,0,50/T,9/T)+pop()}

6 27

「雲上から覗くもの」

f=0
draw=_=>{
f++||createCanvas(500,500)
background(0)
noStroke()
for(i=0;i<TAU;i+=PI/6)
for(r=0;r<400;r++){
circle(250+r*cos(I=i+sin((r+f)/50+int((r-f)/50))*r/500+(noise(r,f/99)-.5)*tan(f/20)/9),250+r*sin(I),10-r/40)
}
}

3 8

t=0
draw=_=>{t||createCanvas(W=800,W,WEBGL)
colorMode(HSB,16)
box(W*3)
rotate(t)
rotateY(t+=.004)
for(i=81;i--;){push(s=W/6)
translate((i%9-4)*s,(~~(i/9)-4)*s)
drawingContext.enable(2884)
for(j=6;j--;)fill((i+t+j*3)%16,9,16),box(s-j*18)
fill`#つぶやきProcessing`
pop(box(s/6))}}

4 18

setup=_=>{createCanvas(W=720,W)
background(W)
colorMode(HSB)
noStroke()
for(d=99;d>30;d-=9)for(r=0;r<TAU;r+=PI/5)for(i=0;i<99;i++)fill(60+d/2,i,d-i/3)+circle(360+cos(R=r+d/50)*i*(D=d/30),360+sin(R)*i*D,cos(i/99*PI/2+PI/2)*sin(i/99*PI)*d)}

7 36

f=0,draw=a=>{for(f||createCanvas(W=400,W,WEBGL),[-3,3,3].map(a=>pointLight(W,W,W,W*a,0,W)),y=0;y<PI;y+=PI/8)push(Y=y+f%PI/8),translate(0,Y*(W/PI)-200,0),ellipsoid(S=105*sin(Y),S/9,S,W),sphere(S/6,W),rotateX(PI/2),pop(torus(200*sin(Y),1,W));f+=PI/64,box(1e3)};//#つぶやきProcessing

15 90

Catalog
# ID: POLUOAROIABL
画素密度を色相の変化で表現。
コード量が多いので、つぶやきProcessing 化は難しいかも。

1 6

t=0
draw=_=>{t++||createCanvas(W=800,W,WEBGL)
ortho()
s=W/9
S=s*4
background`#つぶやきProcessing`
for(i=0;i<81;){i<2?pointLight(W*!i,0,i*W,cos(a=t/99+i*PI)*S,sin(a)*S,S):0
push(J=~~(i/9))
translate((i++%9-4+J%2/2)*s*1.414,(J-4)*s*1.2)
rotateX(-PI/4)
rotateY(PI/4)
pop(box(s))}}

6 31

//#つぶやきProcessing
float i,j,x,y,n,r;void setup(){size(800,800,P3D);}void draw(){clear();camera(850,850,200,0,0,0,0,0,-1);for(i=0;i<800;i+=.5)for(j=0;j<800;j+=.5){stroke(255*noise(i/300,j/300),n=255*noise(x=i/99,y=j/99),n);point(i,j,99*sin(x+r)*cos(y+r)*noise(x,y));}r-=.03;}

8 50

setup=_=>{createCanvas(w=400,w);noStroke();background(w);t=(a,b,c=0)=>50*a-50+25*(p=noise(a+10*b+c))*sin(90*p%45+PI*c/200);
for(x=0;x<10;x++){for(y=0;y<10;y++){fill(x*21,y*21,w);(o=triangle)(t(x,y),t(y,x,j=100),t(x+1,y),t(y,x+1,j),t(x,y+1),t(y+1,x,j))}}}

1 1


Catalog
# ID: SGBGKMPUVLPA
size(500,500)
stroke(2,6,9)
blendMode(SUBTRACT)
x=y=.05
for _ in range(9**6):u=.6-x*(.6+1.1*x+.6*y)-.2*y;v=.3+x*(.8+.9*x-.1*y)+y*(.3-1.2*y);point(461*(u+.4),253*(v+.8));x,y=u,v

4 8

t=0
draw=_=>{t||createCanvas(W=720,W)+($=createGraphics(W,W))
t+=.01
N=noise
$.colorMode(HSB).fill(N(t)*W%(H=360),sin(t)*99,W,.1).noStroke().circle(N(t)*W,N(t,9)*W,2)
for(r=0;r<6;r+=PI/4)push()+translate(H,H)+rotate(r)+image($,cos(t)*99-H,sin(t)*99-H)+pop()}

6 25

分銅
setup=_=>{createCanvas(w=400,w);g=createGraphics(40,40);g.background(k="#58598f");g.strokeWeight(2);g.stroke(0);g.fill(w);g[c="circle"](20,20,40);g.fill(k);g[c](40,0,40);g[c](0,40,40);for(x=0;x<10;x++){for(y=0;y<10;y++){image(g,x*40,y*40,0,0)}}}

6 14

t=0
draw=_=>{t||createCanvas(W=720,W)
t+=.01
colorMode(HSB)
noStroke()
D=drawingContext
for(r=W*2;r>0;r-=9){
D.fillStyle=g=D.createConicGradient(r/W-t,H=360,H)
for(i=0;i<1;i+=.1)g.addColorStop(i,color(noise(r/W+t,9*sin(i*PI*3),t)*W%H,W,r/3))
circle(H,H,r)}}

3 17

function setup(){
createCanvas(640,640);
background(0);
}

function draw(){
x = random(640);
y = random(640);
translate(width/2, height/2);
rotate(radians(x * y));
fill(x, y, y, x);
triangle(x, y, x * 2, y * 2, x * 2, y);
}

//#つぶやきProcessing

1 6

function setup(){createCanvas(640,640)}function draw(){background(255,4);let l=random;x=l(640),y=l(640),rectMode(CENTER),s=l(x/4),fill(0,0,l(127),127),triangle(x,y,1.2*x,1.2*y,x,1.2*y),s=l(x/6),fill(255,127),circle(x,y,s),s=l(x/8),fill(0,127),circle(x,y,s)}//#つぶやきProcessing

10 80


Strange Attractor Catalog
# ID: POJLMTCJVDSO
size(500,500)
clear()
stroke(255,255,70)
blendMode(ADD)
x=y=.05
for _ in [0]*(5**7):u=+.3+x*(+.2-.3*x-.1*y)+y*(+0+.7*y);v=-1+x*(-.3+.9*x-.9*y)+y*(+.6+.2*y);point(337*(u+0.0),207*(v+1.4));x,y=u,v

1 7