つぶやきProcessing

#つぶやきProcessing に関わる情報をリツイートします！

1ツイートに収まるProcessingコードにハッシュタグ #つぶやきProcessing と実行結果を添えてご投稿ください！

※最近検索漏れが頻発しているため、抜けがありましたらDM等で申告ください。

※@Hau_kun が緩く管理しています。

[つぶやきProcessing @TweetProcessing]

size(400, 400);
background(255);
noStroke();
PImage i = loadImage("t");
for(int y = 0; y < 400; y += 10){
for(int x = 0; x < 400; x += 10){
color c = i.pixels[y * 400 + x];
fill(c == 0 ? 255 : c);
circle(x + 5, y + 5, 10);
}
}
save("p.png");
#つぶやきProcessing

[KAZ+OO @KAZOOOps]

Distorted Field
https://t.co/TQ440iPDds
規則的な格子模様は、単純な三角関数の動きによって流れるような波へと変化する。局所的な歪みが相互に作用し、きらめく光の場を生み出す。秩序と混沌が、絶えず変化する風景の中で共存する。
#つぶやきProcessing #p5js #GenerativeArt

[KAZ+OO @KAZOOOps]

t=0;draw=_=>{createCanvas(w=innerWidth,h=innerHeight);background(0);translate(w/2,h/2);strokeWeight(2);for(i=0;i<4e3;i++){a=i+t;r=i%200+99*sin(i*i+t);stroke(255,220+35*sin(i),255,90);point(r*sin(a)+80*sin(i+t),r*cos(a)+80*cos(i*3+t))}t+=.01}
#つぶやきProcessing #p5js

[KAZ+OO @KAZOOOps]

Chirped Spiral Bloom
https://t.co/cH1XOO8qRK
A spiral emerges from simple trigonometric waves and evolving frequencies.
Tiny particles weave together into an ever-changing organic structure.
#つぶやきProcessing #p5js

[KAZ+OO @KAZOOOps]

Woven Harmonics
https://t.co/c8mSGuxbKG
単純な正弦波が絡み合い、光り輝く織物のような構造を形成する。周波数のわずかな変化が、模様に無限のバリエーションを生み出す。驚くほどシンプルな数学から、複雑な視覚効果が生まれる。
#つぶやきProcessing #p5js #GenerativeArt

[きんぞ @TakagiHitoshi]

//#つぶやきProcessing #p5js
t=0,d=9
draw=_=>{
createCanvas(W=(w=200)*2,W)
colorMode(HSB)
for(x=0;x<W;x+=d)
for(y=0;y<W;y+=d)
stroke((D=atan2(abs(y-w),abs(x-w))*W)%51+160,E=W*sin(D+t/71)**2,w),
strokeWeight(D/23),
point((R=D/d)*cos(T=t*(D<E?-1:1)/w+E/D)+x,R*sin(T)+y)
++t}

[きんぞ @TakagiHitoshi]

//#つぶやきProcessing #p5js
t=0,d=6
draw=_=>{
createCanvas(W=(w=200)*2,W,WEBGL)
rotateX(t/75)
for(x=-w;x<w;x+=d)
for(y=-w;y<w;y+=d)
T=atan2(y,x),M=mag(x,y),
push(),
M<w?translate(M*cos(U=M+T)+d/2,M*sin(U)+d/2,w-M*M/w):translate(x+d/2,y+d/2,0),
box((w-M)/11),
pop()
++t}

[Snow Esamosc @SnowEsamosc]

#つぶやきProcessing 「剪断された出口」
f=0
draw=_=>{f++||createCanvas(W=500,W)
background(0)
stroke(W)
for(r=50;r<W;r+=4){for(i=0;i<TAU;i+=PI/4){strokeWeight(r/50)
p=$=>[250+r*cos(I=(f+9e3)*noise(r)/30)+$*cos(I+i+f/50+r),250+r*sin(I)+$*sin(I+i+f/30)]
line(...p(r/9),...p(r/3))
}}}

[はぅ君 @Hau_kun]

t=0
draw=_=>{background(0,t++?30:!createCanvas(W=720,W)+W)
noFill()
stroke(W,90)
filter(BLUR)
R=(x,y,z,a)=>z>1?circle(x+=cos(A=a+t/W)*z,y+=sin(A)*z,z-5)+[b=30*sin(t/W+noise(z,t/W)),-b].map(A=>R(x,y,z-11,a+A)):0
for(i=6;i--;)R(360,360,89,i*PI/3)}
#つぶやきProcessing

[KAZ+OO @KAZOOOps]

setup=()=>{createCanvas(w=windowWidth,h=windowHeight);pixelDensity(1);background(255)};draw=()=>{loadPixels();f=frameCount;for(i=0;i<w*h;i++)x=i%w,y=i/w|0,b=sin(f+(x*x+y*y)*.009)*127+128,pixels[j=i*4]=pixels[j+1]=pixels[j+2]=b;updatePixels()} // #つぶやきprocessing #p5js

[KAZ+OO @KAZOOOps]

Spiral Eclipse
https://t.co/1xlLHwtfKi
A monochrome shader spiral that keeps folding into itself. The pattern zooms and twists with sharp, hypnotic motion. Made in p5.js for #つぶやきprocessing.
#p5js

[きんぞ @TakagiHitoshi]

//#つぶやきProcessing #p5js
t=0,d=8
draw=_=>{
createCanvas(W=(w=200)*2,W)
noStroke()
colorMode(HSB)
rectMode(CENTER)
for(x=0;x<W;x+=d)
for(y=0;y<W;y+=d)
T=atan2(Y=y-w,X=x-w),
M=mag(X,Y),
fill(abs(X=w*cos(A=T+t/M)),w,w,.8),
rect(x,y,dist(x,y,X+w,w*sin(A-y)+w)/16)
++t}

[meatclock_aka_98pctPepe_3pctOther @MeatClock]

c=[];t=f=0,draw=_=>{if(!f++){createCanvas(w=500,w);colorMode(RGB,1);frameRate(10);for(i=1e3;i--;)c[i]=random(2)|0}background(1);for(y=0;y<=w;y+=2){for(x=0;x<=w;x+=10){fill(c[t++%1e3]);rect(x,y,5,2)}}}
//#つぶやきProcessing

[Snow Esamosc @SnowEsamosc]

#つぶやきProcessing 「君は収斂を望んだ」

f=0
draw=_=>{
f++||createCanvas(W=500,W)
background(0,30)
stroke(W)
for(r=0;r<W;r++){
F=(f+9e3)*noise(r)
circle(250+r*cos(c=F/30+tan(f/50+noise(r/99))/20),250+r*sin(c),1+r/20)
}
}

[Nicolás Báez @nicolasbaez]

#つぶやきProcessing setup=_=>createCanvas(w=500,w);i=.1;r=0;draw=_=>{h=w/2;stroke(h);strokeWeight(noise(i)*5);point(r*cos(i)+h,r*sin(i)+h);i+=noise(i);r+=noise(i)*.999}

[きんぞ @TakagiHitoshi]

//#つぶやきProcessing #p5js
t=0
draw=_=>{
t||createCanvas(W=(w=200)*2,W)+colorMode(HSB)+strokeWeight(8)+print(d=random(1,30))
for(x=0;x<W;x+=d)
for(y=0;y<W;y+=d)
point(x+(X=d*Math.sinh(cos(y+t/d))),y+(Y=2*d*Math.cosh(sin(x-t/d)))-2*d).
stroke((log(X*Y)*x/3)%360,w,w)
t=++t%w}

[meatclock_aka_98pctPepe_3pctOther @MeatClock]

Trying out the whole AI vibe coding thing with a little project that I had on my mind for a while. #つぶやきProcessing ...
https://t.co/4DXUXIb71V

[Snow Esamosc @SnowEsamosc]

#つぶやきProcessing 「ホロウ・エクリプス」

f=0
draw=_=>{
f++||createCanvas(W=500,W)
background(0)
stroke(W)
for(r=0;r<W;r+=50){
for(i=0;i<20;i++){
p=(R,I)=>[W*noise(R)+r*cos(I),W*noise(R,9)+r*sin(I)]
R=r+50
line(...p(r,i/10*PI+f/90+r),...p(r+50,(i+r)/10*PI))
}}
}

[はぅ君 @Hau_kun]

t=0
$=[]
draw=_=>{background(0,t?9:!createCanvas(W=720,W)+W)
filter(BLUR)
noFill()
R=random
for(i=9;i--;)$[t++%W]={x:340+R(40),y:noise(t/W/i,i)*W*2-W/2,t:1,d:R(1)>.5?1:-1}
$.map(p=>stroke(W,99)+circle(p.x+=(p.t*=1.04)*p.d,p.y+=R(2)-1,p.t**2))}
#つぶやきProcessing

[黒狐 @inaba_darkfox]

f=0;a=-1.7;t=400;k=800
draw=_=>{if(!f){createCanvas(k,t)}r=t;while(r--){u=f%k;v=f++/k|0;c=p=36;x=u/t-1;y=1-v/t;while(p--){if(x<0){x=-x;c--}if((m=x*x+y*y)<1){x/=m;y/=m;c--}if((n=5.78/((x-a)*(x-a)+y*y))<1){x=a+n*(x-a);y*=n;c--}}stroke(0,c%4*64,k);circle(u,v,1)}}
#つぶやきProcessing

[きんぞ @TakagiHitoshi]

//#つぶやきProcessing #p5js
t=0
draw=_=>{
t||createCanvas(W=(w=200)*2,W)
background(9,9,99,3)
C=(x,t)=>w*cos(t*y+z)+w
for(x=-1;x<1;x+=.1)
for(y=-1;y<1;y+=.1)
strokeWeight(z=sin(x)*cos(y)*29),
stroke(int(z+t*4)%2?'gold':'pink'),
point(C(x+z*y,T=z-t/W),C(y,T-1.6))
t++}