Processing Community Japan

こんにちは。PCJ(Processing Community Japan)です。 PCJは、Processingやp5.jsによるクリエイティブなコーディングを楽しむための情報や場を共有するオンラインコミュニティです。 この度、ウェブサイトが出来ました！🥳🎉🎉🎉 processing.jp

←PC generated image →physical pen drawing #processing #plottertwitter #generative

作ってみました。いい感じです。 460日め #dailyart #art #artwork #digitalart #creativecoding #p5js

#つぶやきProcessing 「動けずが記帳」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(0) noFill() S=strokeWeight for(z=0;z<5;z++)for(x=(k=f*(1+z/3))%60-120;x<700;x+=60){ stroke(z*60) S(z*2) line(x,0,x,W) S(z) ellipse(x,250+150*sin((f+9e3)*noise(x-k,z)/30),40,5) } }

#p5js 意外な進化を遂げた

🏃‍♀️ #CreativeCoding #p5js #Processing

//#つぶやきProcessing #p5js t=0 draw=_=>{ t||createCanvas(W=(w=200)*2,W) colorMode(HSB) P=t=>t*w+w for(x=-1;x<1;x+=.1) for(y=-1;y<1;y+=.1) for(i=0,[u,v]=[x,y];i<9;i++) [U,V]=[v*.3+u,-u*u+sin(t/17)+v], line(P(u),P(v),P(u=U),P(v=V)), stroke(150+30*i+(u+v),w,w) t+=.1}

//WIP #つぶやきProcessing #p5js t=0,N=10 draw=_=>{ createCanvas(W=(w=200)*2,W) background('orange') D=W/N fill('blue') blendMode([OVERLAY,DIFFERENCE][int(t*62)%2]) rect(t%N*D,int(t/N)*D,abs(t/N*N-t)<.1?D*abs(cos(t%D*TAU/4)):D,D) t=(t+=.1)%100}

// #つぶやきProcessing float i,A,B,F,S=200;void setup(){size(800,800);noStroke();}void draw(){background(0);F=frameCount*.1;for(i=0;i<99;i+=.02){fill(0,S*sin(i*9),0);A=(sin(i*2+F)-cos(i+F)+2)*.45*S;B=i/8+(cos(i*2)-cos(i*5+F))/4;circle(A*cos(B)+S*2,A*sin(B)+S*2,30*sin(i*3));}}

untitled . #generativeart #shader #artwork #art #glsl

#つぶやきGLSL for(float i,e,g;i++<9e1;){vec3 p=vec3((FC.xy-r*.5)/r.y*g,g-5.);for(int j;j++<8;)p*=rotate3D(4.,vec3(sin(t*.5)*.3,2.*smoothstep(-1.,1.,cos(t*.5))-1.,1)),p=abs(p+p)-1.;g+=e=(length(p.xz)-1.6)/7e2;o+=(sin(g)+1.9)*exp(-e*2e4)/1e2;}

#つぶやきProcessing 「黙棘の拘束体」 f=0 draw=_=>{ f++||createCanvas(W=500,W) background(W) stroke(0) noFill() for(r=0;r<W;r+=5){ beginShape() strokeWeight(r/25) for(i=0;i<4;i++){ vertex(250+r*cos(I=i/2*PI+f*r/1e4),250+r*sin(I)) } endShape(CLOSE) } }

gradient / structure openprocessing.org/sketch/2925624 #generativeart #creativecoding #digitalart #contemporaryart #visualart #newmediaart #p5js

#processing #p5js #creativecoding

#p5js #javascript #Processing #generativeart #creativecoding #dailycoding code : openprocessing.org/sketch/2925532

前回のコードをアレンジ。 視点で変わる3D空間。 #p5js #GenerativeArt #CreativeCoding #3D #学習記録

これにて終了！ ベースは同じコードだけど遍歴見てみると結構変わってて面白い #p5js

#つぶやきProcessing 「浮き橋」 f=0 draw=_=>{ f++||createCanvas(W=500,W) b=blendMode b(BLEND) background(0) b(ADD) noStroke() for(x=0;x<W;x+=5) for(c=80;c>5;c-=10){ C=(40-c)*.3 fill(W,c/2*noise(x)) circle(x-C,600-(f+9e3)*3*noise(x)%700-C,c) } }