Architecture sketching style sim and building generator #p5js #p5xjs #processing #openprocessing #art #animation #generative #generativeart #realtime #interactive #geometry #architecture #visualization #sketch #drawing #simulation

f=0,draw=a=>{for(f||createCanvas(W=400,W,WEBGL),background(0),i=0;i<PI;i+=PI/256)push(),x=99*sin(i+f),y=99*cos(i+f),translate(x,y),rotate(r=8*i+f),scale(s=tan(r/10)),fill(W,99*s),torus(1,.1,3,W),torus(9,.1,3,W),pop();f+=.005};//#つぶやきProcessing #tinycode #p5js #creativecode

f=0,draw=a=>{for(f||createCanvas(W=400,W,WEBGL),background(0),i=0;i<TAU;i+=PI/90)push(),x=99*sin(i+f),y=99*cos(i+f),translate(x,y),rotate(r=8*i+f),scale(s=tan(r/16)),fill(99*s),torus(44,1,W),torus(1,.1,3,W),pop();f+=.005};//#つぶやきProcessing #tinycode #p5js #creativecode #3d

f=0,draw=r=>{for(f||createCanvas(W=400,W),noStroke(background(0)),o=7.5,t=300,y=-t;y<t;y+=35){for(Y=y+f%70,x=-t;x<t;x+=35)for(i=0;i<35;i+=1)v=Y-sin(m=abs(i*(150-mag(x,Y)))/99)*m/2,h=x+cos(m)*m/2,fill(9*m),circle(h+200+o,v+210,3);o=-o}f+=.3};//#つぶやきProcessing #p5js

f=0,draw=r=>{for(f||createCanvas(W=400,W),noStroke(background(0)),o=7.5,t=300,y=-t;y<t;y+=30){for(Y=y+f%60,x=-t;x<t;x+=30)for(i=0;i<30;i+=1)m=abs(i*(200-mag(x,Y)))/90,v=Y-m,fill(8*m),circle(x+200+o,v+210,30-i);o=-o}f+=2};//#つぶやきProcessing #tinycode #p5js

f=0,draw=r=>{for(f||createCanvas(W=400,W),noStroke(background(0,22)),j=-600;j<600;j+=50)for(i=-W;i<430;i+=50)y=50*cos(F=f+j+i),circle(x=50*sin(F)+200-i,y+200-j,15),circle(300-x,50-y+100-j,15);f+=.05};//#つぶやきProcessing #tinycode #creativecode #p5js #sin #cos #algoart

f=0,draw=a=>{for(f||createCanvas(W=400,W),background(P=PI/4),noStroke(),r=0;r<150;r++)for(x=0;x<TAU;x+=P)for(y=0;y<TAU;y+=P)R=(r+f*W)%150,n=tan(atan(x+y+r/9)+99*f),X=sin(F=(x+f+y)*r/6)*R+200,Y=cos(F)*R+200,fill(W,Z=66-r/3),circle(X,Y,Z/33);f+=.001};//#つぶやきProcessing #universe

f=0,draw=t=>{for(f||createCanvas(W=400,W,WEBGL),[w=PI/8,-1].map((t=>pointLight([W],0,t,W))),X=rotateX,Y=rotateY,X(P=4*w),Y(f-=.008),x=0;x<TAU;x+=w)for(y=0;y<TAU;y+=P)push(T=(t,a)=>(translate(0,0,t),torus(9*a,a,W,w))),Y(x),X(f/y),T(60,9),pop(T(W,53))};//#つぶやきProcessing #p5js

#つぶやきProcessing f=0,draw=t=>{for(f||createCanvas(W=400,W,WEBGL),[w=PI/8,-1].map((t=>pointLight([W],0,t,W))),X=rotateX,Y=rotateY,X(P=4*w),Y(f-=.015),x=0;x<TAU;x+=P)for(y=0;y<TAU;y+=P)push(T=(t,a)=>(translate(0,0,t),torus(9*a,a,W,w))),Y(x),X(f/y),T(60,13),pop(T(W,53));box(4e3)}

#つぶやきProcessing f=0,draw=t=>{for(f||createCanvas(W=400,W,WEBGL),[w=PI/8,-1].map((t=>pointLight([W],0,t,W))),X=rotateX,Y=rotateY,X(P=4*w),Y(f-=.015),x=0;x<TAU;x+=P)for(y=0;y<TAU;y+=P)push(T=(t,a)=>(translate(0,0,t),torus(9*a,a,W,2))),Y(x),X(f/y),T(60,13),pop(T(W,53));box(4e3)}

#つぶやきProcessing f=0,draw=t=>{for(f||createCanvas(W=400,W,WEBGL),[w=PI/8,-w].map((t=>pointLight([W],0,t,W))),rotateX(P=4*w),Y=rotateY,Y(f-=.01),x=0;x<TAU;x+=P)for(y=0;y<TAU;y+=w)push(T=(t,a)=>(translate(0,0,t),cone(9*a,a,4,W))),Y(x),rotateZ(y+f),T(60,13),pop(T(W,53));box(4e3)}

f=0,draw=s=>{for(f||createCanvas(W=400,W,WEBGL),background(0),rotateX(f),lights(rotateY(f)),u=0;u<TAU;u+=PI/64)for(v=PI;v>PI/3;v-=PI/64)push(r=150*sin(V=v+f)),translate(sin(U=u-f/99)*sin(V)*r,cos(V)*r,cos(U)*sin(V)*r),pop(sphere(2*sin(f+V+6*U),W));f+=PI/768};//#つぶやきProcessing

#つぶやきProcessing f=0,draw=a=>{for(f||createCanvas(W=400,W,WEBGL),[0,-9].map((t=>pointLight([W],-W,-W*t))),X=rotateX,X(t=49),rotate(f-=.01),i=0;i<TAU;i+=PI/8)push(),translate(0,0,60*sin(f+i+9)),X(i+f),rotate(i-f),pop(T(t,t));box(4e3)},T=(a,o)=>torus(a+cos(f+i+sin(2*f+2))*o,i,t)

#tinycode #js f=0,d=200,draw=n=>{for(f||createCanvas(W=400,W),noStroke(background(f-=.01,v=44)),S=sin,C=circle,k=v;k--;)for(i=-7;i<7;i+=.01)r=99*cos(t=atan(tan(sqrt(S(a=k+f+i)*i,f)+f)))+a*S(t+4),F=sqrt(t/r,r/W),fill(W,F*d),C(X=t*r+d+2*a,Y=S(i+F+a)*r+S(2*f+a/v)*v+d,1),C(W-X,Y,1)}

f=0,d=200,draw=o=>{for(f||createCanvas(W=400,W),noStroke(background(0,20)),q=o=>{for(i=0;i<TAU;i+=PI/512)r=120*cos(i+f/2+o/PI),F=sqrt(2*sin(i+f+o),3*sin(o+i)),fill(W,9*F),circle(cos(i+F+o)*r+d,sin(i+F+o)*r+d,3)},k=58;k--;)q(k/TAU);f-=.015};//#つぶやきProcessing #tinycode #p5js

f=0,d=200,draw=o=>{for(f||createCanvas(W=400,W),noStroke(background(0,20)),q=o=>{for(i=0;i<TAU;i+=PI/1024)r=120*cos(i+f/2),F=sqrt(2*sin(i+f+o),2*sin(o+i)),fill(W,9*F),circle(sin(i+F)*r+d,120*cos(i+F)+d,3)},k=22;k--;)q(k/TAU);f-=.015};//#つぶやきProcessing #tinycode #bw #algoart

I have quite a few questions regarding the code posted here on X. Here is a video explaining what it is and what you can do with it. Cheers :-) #howto #tinycode #p5js #editor

f=0,d=200,draw=o=>{for(f||createCanvas(W=400,W),noStroke(background(0,20)),q=o=>{for(i=0;i<TAU;i+=PI/1024)r=120*cos(i+f/2),F=sqrt(noise(2*sin(i+f+o),7*cos(i+f+o))+2*sin(o+i)),fill(W,9*F),circle(sin(i+F)*r+d,120*cos(i+F)+d,3)},k=4;k--;)q(k);f-=.01};//#つぶやきProcessing #tinycode

f=0,d=200,draw=c=>{for(f||createCanvas(W=400,W),noStroke(background(0,20)),i=0;i<PI;i+=PI/256)r=99*cos(i+f/2),x=sin(i)*r+d,y=99*cos(i)+d,fill(W,150),circle(x,y,3),circle(W-x,y,3),fill(W,22),circle(W-x,W-y,3),circle(y,x,3),circle(y,W-x,3);f-=.05}//#つぶやきProcessing #tinycode #bw

f=0,draw=n=>{for(f||createCanvas(W=400,W),background(0,d=200),translate(d,d),i=0;i<PI;i+=PI/16384)s=99*tan(tan(i+sin(f))+f+i)+d,stroke(W,s/99+3),line(cos(sin(i*(3*sin(f)))+f+i)*d,s,sin(33*sin(i-f))*d,tan(tan(i)*sin(f/2))+d);f-=.005};//#つぶやきProcessing #tinycode #creativecode

I fought the compression and the compression won 🫤