- すべて
- 画像・動画
並べ替え:新着順
#つぶやき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){ s=6*sin((f/30+9e3)*noise(x/3,y/3)) rect(x-s,y-s,s*2) } } pic.x.com/PodY14xCuE
#つぶやきProcessing 「汚れた縞」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(x=-f%5;x<W;x+=5) for(y=-f%5;y<W;y+=5){ r=dist(0,250,x,y) fill((noise((x+f)/30,(y+f)/30)<.4)*W*sin(r+f)) rect(x,y,5) } } pic.x.com/Dl1rcS6ir2
#つぶやきProcessing 「二つの影」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(c of[1,-1]) for(n=0;n<99;n+=3){ circle(250+250*cos(i=n/30+f/30)+50*cos(i*2)*c,250+250*sin(i*.77),n/3) } } pic.x.com/evCwOVARl0
//パリ祭 //#つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W) for(i=0;i<3;i++) fill([[0,0,w],[W,W,W],[w,0,0]][i]),rect(W/3*i,0,W/3,W) stroke('gold') strokeWeight(4) for(y=w;y<W;y++) point(w+(d=(y-w)**2/2e3),y),point(w-d,y) line(w,w,w*cos(t)+w,w-50*sin(t)) ++t} pic.x.com/UjUGm4jE9U
#つぶやきProcessing 「分け入った山」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(z=f%50;z<=W;z+=50){ y=W*noise(z-f) rect(X=W-150*sin(z/W*PI),z,5,-y) rect(W-X,z,-5,-y) } } pic.x.com/j7WkTVtRQS
#つぶやきProcessing 「ア・波の音」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(x=-W;x<W;x+=5) for(n=0;n<30;n++){ k=(f+n+9e3)*3*noise(x)%700 circle(x+k*cos(t=PI/4+sin((f+k)/30)/5),k*sin(t),9) } } pic.x.com/wKMAn4o6Qe
//今朝の夢はカラーだった //#つぶやきProcessing #p5js t=0 draw=_=>{r=random t||createCanvas(W=(w=200)*2,W)+noStroke() fill(r(['green','pink','blue'])) ;(X=r(W),Y=r(W),A=r(99),B=r(99),(P=r())<.1)?rect(X,Y,A,B):P<.2?circle(X,Y,A):P<.3?triangle(X,Y,X-A/2,Y+B/2,X-B/2,Y-A/2):0 t++} pic.x.com/zPvVg3UZJg
//プーチンプリン //#つぶやきProcessing #p5js t=0,D=300 draw=_=>{createCanvas(W=(w=200)*2,W) f=y=>(beginShape(),vertex(0,D-y),vertex(W,D-y),vertex(D,50-y),vertex(100,50-y),endShape(CLOSE)) fill(W,W,0) circle(w,w,D) for(d=0;d<50;d+=10)arc(w,w,D-d,D-d,-PI,0) fill(W) f(t*4) t=++t%88} pic.x.com/V3tmKV6Dst
#つぶやきProcessing 「モノクロ都市区画」 f=0 draw=_=>{ f++||createCanvas(W=500,W) noStroke() for(i=0;i<200;i++){ r=f*3*noise(i)%W fill(i%2?0:W) s=2+r/10 rect(250+r*cos(I=i/100*PI)-s,250+r*sin(I)-s,s*2) } } pic.x.com/FfioRBLtF6
#つぶやきProcessing 「期待の空」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) stroke(W) fill(0) strokeWeight(3) translate(250,0) for(c of[0,1]) for(r=0;r<W;r+=20){ push() rotate(PI/2+sin((f+9e3)*(1+r/W)/90)*1.5) c?rect(r,-25,100,50):line(0,0,r,0) pop() } } pic.x.com/T21yvV5Al1
//BELLの不等式の破れてるところ //#つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W) strokeWeight(4) stroke(w,0,0) C=x=>w-x*w/4 for(T=0;T<TAU;T+=.05) B=-2*cos(T+t/w)*(1+2*sin(T+t/w)**2), line(X=T*W/TAU,C(max(-2,B)),X,C(min(2,B))), point(X,C(B)) ++t} pic.x.com/dYXfXI7Saa
//二重スリット実験 //#つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W) noFill(D=310) for(R=0;R<2.3*W;R+=11) strokeWeight(sin(R+t/7)+1), circle(0,w+100,R), circle(0,w-100,R) for(y=0;y<W;y+=1) stroke((alpha(get(D,y))-127)*7,0,0), line(y,W-30,y,W) ++t} pic.x.com/HFRsBiB89n
//プラタナスの幹 //#つぶやきProcessing #p5js t=0,d=4 draw=_=>{r=random t||createCanvas(W=(w=200)*2,W)+noStroke() x=r(W),y=r(w) fill(r([[111,133,50],[w,w,w],[w,w,133]])) for(i=0;i<9;i++) circle(x+r(46),y+r(w),50) ++t} pic.x.com/se7jHBYBJq
#つぶやきProcessing 「サークル監獄」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(t=0;t<30;t++) for(n=0;n<20;n+=3){ F=f+n i=t+F*noise(t)/9 r=250*sin(F/60+t) circle(250+r*cos(i),250+r*sin(i),n) } } pic.x.com/7w5kfNZvxZ
//手書き風 //#つぶやきProcessing #p5js d=5,T=0 draw=_=>{r=random;frameRate(2) T||createCanvas(W=(w=200)*2,W) strokeWeight(2) E=T+r(PI/12,PI/8) for(T-=r()/4,Q=r(178,182);T<E;T+=1e-4) point((R=Q+noise(T)*3)*cos(T)+w,R*sin(T)+w) T=E>=TAU?0:T } pic.x.com/D7Nk462ABX
#つぶやきProcessing 「目まぐるしい景色」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) for(n=0;n<W;n++){ r=(N=n+f*3)%W t=[r*2,W-r*2] stroke(W,t[k=noise(n)<.5]) fill(W,t[k^1]) circle(250+r*cos(c=9*noise(n,N/W|0)),250+r*sin(c),min(r/5,20)) } } pic.x.com/td5KC7oLwy
//ぼやぼやしてたら、2025年の半分が終わっちゃう! //#つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W) fill(W) circle(w,w,W) fill('red') arc(w,w,W,W,-PI/2,PI/2-noise(t)/9) textSize(80) fill(0) textAlign(CENTER) text('2025',w,w) ++t} pic.x.com/6qPpXnNDPR
#つぶやきProcessing #minacoding「思いきりカラフルにしてみましょう」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) colorMode(HSB,1) stroke(W) for(x=-f%70;x<600;x+=70) for(y=-f%70;y<600;y+=70){ fill((sin((f+9e3)*noise(x+f,y+f)/200)+1)%1,.6,.9) circle(x,y,100) } } pic.x.com/aQxLghToRQ
#つぶやきProcessing #minacoding 「2色だけで描いてみましょう」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(x=0;x<W;x+=5) for(y=0;y<W;y+=5){ r=dist(250,250,x,y) b=noise((x+r)/50,(r+f)/30)<.5 fill(150*(1-b),120*b,b*W) rect(x,y,5) } } pic.x.com/xXdGldalx5
目がうるうるバージョン。 ソースはGIFのALTか、下記リンク先。 openprocessing.org/sketch/2684572 #つぶやきProcessing #p5js pic.x.com/bMy9O9AYRE x.com/TakagiHitoshi/…
//#つぶやきProcessing #p5js draw=_=>{createCanvas(W=(w=200)*2,W) for(d of [-99,99])push(),translate(w+d,w),rotate(-d/4),fill(0),ellipse(0,0,100,80),pop(),fill(W),circle(w+d*.9,w,30),fill(0),arc(w-d,80,90,90,T=d/44,T+PI) for(c of [[190,O=280],[210,O],[w,O+5]])circle(c[0],c[1],50)}
#つぶやきProcessing #minacoding 「布団の中で描いてみましょう」 f=0 draw=_=>{f++||createCanvas(W=500,W) background(0) noFill() stroke(W) strokeWeight(3) for(z=0;z<2e3;z+=200)for(x=-1e3;x<1e3;x+=99){t=z/400%1<.5?1:-1 Y=(z+f*3)%2e3-250 circle(X=x+t*Y,Y,30) line(X,Y,X-t*200,Y-200)} } pic.x.com/FkoBZz1gx7
#minacoding day26: 布団の中で描いてみましょう #つぶやきProcessing #p5js openprocessing.org/sketch/2683206 x.com/TakagiHitoshi/…
//#minacoding day26: 布団の中で描いてみましょう //夢の中で思いついた //#つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W)+noFill() T=t%W for(i=0;i<w;i++,T+=i) for(C=0;C<W;C+=8) stroke(C*cos(t/77+i),w*sin(t/87-i),C*tan(t/88)), quad(T,C,W-C,T,W-T,W-C,C,W-T) ++t}
//#minacoding day26: 布団の中で描いてみましょう //夢の中で思いついた //#つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W)+noFill() T=t%W for(i=0;i<w;i++,T+=i) for(C=0;C<W;C+=8) stroke(C*cos(t/77+i),w*sin(t/87-i),C*tan(t/88)), quad(T,C,W-C,T,W-T,W-C,C,W-T) ++t} pic.x.com/hfiQikQV5m
#つぶやきProcessing #mincaoding「あえて未完成のまま止めてみましょう、途中のコードを今日の作品にしてみましょう」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0,5) noStroke() for(x=0;x<W;x+=5){ circle(x,(f*3+9e3)*noise(x)%600-50,20) } } pic.x.com/Y2XGIiRluc
W=400,C=400,G=[],setup=a=>{for(createCanvas(W,W),R=random;C--;)G.push({c:"監",x:[R(W),R(W)],a:R(6),s:R(.02)});G[0].c="檻"},draw=a=>{background(245),G.forEach((a,r)=>{push(),translate(...a.x),rotate(a.a),fill(r?80:"#200"),text(a.c,0,0),pop(),a.a+=a.s})}//#つぶやきProcessing 檻探せ pic.x.com/9bB42AKr6s
p5.jsのコードをミニファイ(短縮・難読化)するシンプルな Web アプリケーション、 p5.js packer を公開しました。 dbc-works.github.io/p5js-packer/ #つぶやきProcessing への投稿用にお使いいただければと思います。
つぶやきプロセッシング用コードミニファイWebアプリ"p5.js packer"公開 | 気まぐれメモランダム / でたらめフィードバック dbc-works.org/feedback/entry… #つぶやきProcessing
#minacoding day22: スクリーンセーバーに使えるコードを描いてみましょう / #p5js openprocessing.org/sketch/2681300 昔 #つぶやきProcessing 用に作ったコードをアップグレード。ちょっと豪華すぎたか… pic.x.com/ZzulDzzsZ6 x.com/TakagiHitoshi/…
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)) P.map(([x,y])=>{text(char(floor(32+r(96))),y,x+t*2) }) t=++t%99 }#つぶやきProcessing 有名な映画っぽいやつ
W=400,C=900,G=[],setup=a=>{for(createCanvas(W,W),R=random;C--;)G.push({c:"木",x:[R(W),R(W)],a:R(6),s:R(.02)});G[0].c="森"},draw=a=>{background(245),G.forEach((a,r)=>{push(),translate(...a.x),rotate(a.a),fill(r?80:"#700"),text(a.c,0,0),pop(),a.a+=a.s})}//#つぶやきProcessing 森探せ pic.x.com/ksRIdeLcho
#つぶやきProcessing #minacoding 「枠線などの線だけを使って描いてみましょう」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noFill() stroke(W) for(i=0;i<60;i++){ k=f*3*noise(i)%W circle(250+k*cos(I=i/30*PI),250+k*sin(I),min(k*2,abs(200*sin(i+f/30)))) } } pic.x.com/dqyYzVsK5j
char count: 282/280 あと2文字!モジモジくんたすけて!😆 #wip #つぶやきProcessing pic.x.com/jxEcBRQgiZ x.com/dansanburu/sta…
char count: 301/280 あと21文字! どうする?ダンさんブル? #wip #つぶやきProcessing pic.x.com/TwCNtDamKG x.com/dansanburu/sta…
頑張って100文字減らせた! char count: 320/280 あと40文字。まだいけるのか?? #つぶやきProcessing pic.x.com/q6yrx360FV x.com/dansanburu/sta…
だめだ、限界だ。。。 がんばったけど426/280文字。 あと146文字削るのは難しそう。 できるんだろうか? ちなみに、これは動いている左右四角の色は同じという目の錯覚を確認できます。 #Processing #p5js
/*はじめての #つぶやきProcessing*/ t=0,s="おはよう",setup=t=>{W=300,createCanvas(W,W),textSize(48)},draw=e=>{for(background(240),i=0;i<s.length;i++)push(),translate(55*(i-(s.length-1)/2)+W/2,9*sin(t/10+i)+W/2),rotate(.4*sin(t/20+i)),text(s[i],0,0),pop();t++}; pic.x.com/FLjH1cnwgs
#つぶやきProcessing #minacoding 「20分以内に描いてみましょう」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noStroke() for(x=0;x<600;x+=5) for(n=0;n<30;n++){ y=(f+n+9e3)*3*noise(x)%600-50 fill(W,99) circle(x+(n+y)*(noise(n,x)-.5),y,n/3+5) } } pic.x.com/Qe5eOhgUrO
//ビーツの皮を剥いた模様を再現 //#つぶやきProcessing #p5js d=.02 setup=_=>{createCanvas(W=(w=200)*2,W,WEBGL) rotateX(PI/2) for(T=0;T<TAU;T+=d)for(P=0;P<PI;P+=d)stroke(W,(w+w*cos(T/2-PI/2))*abs(sin(T)*cos(P*5))%100,90), point(w*sin(T)*cos(P),w*sin(T)*sin(P),w*cos(T))} pic.x.com/OCTY9qmSl2