drawingContextの機能を探っていた月でした。特にclip()は便利でした。
後半は半透明テクスチャーやerase()したテクスチャーを使った3Dイメージを作成していました。
また、中旬にはPCD2021が開催され、そのイベントの一環でデイリーコーディングチャレンジにも参加していました。
t=0,C=360
— はぅ君 (@Hau_kun) January 31, 2021
draw=_=>{t||createCanvas(720,720)+noStroke()
t+=.01
for(r=0;r<TAU*9;r+=.5){
push()
fill(255,9)
circle(cos(r+t)*r*9+C,sin(r+t)*r*9+C,r*2)
drawingContext.clip()
fill('#33B')
for(s=0;s<TAU;s+=.4)circle(cos(s-t)*(S=sin(t)*C)+C,sin(s-t)*S+C,50)
pop()
}
}#つぶやきProcessing pic.twitter.com/mCULevpcdu
t=0
— はぅ君 (@Hau_kun) February 1, 2021
draw=_=>{t||createCanvas(720,720)+noStroke()+rectMode(CENTER)
t+=.01
for(d=0;d<990;d+=60){
push()
fill(255,32)
arc(360,360,d,d,R=t+d/99,R+PI/24)
drawingContext.clip()
for(i=0;i<169;i++)fill('#A258')+square(i%13*60,int(i/13)*60,sin(i+t*3)*60)
pop()
}
}#つぶやきProcessing pic.twitter.com/VpDdjTPdI5
t=0
— はぅ君 (@Hau_kun) February 2, 2021
draw=_=>{t||createCanvas(W=720,W)
background(E=360,9)
t+=.01
push()
beginShape()
for(r=0;r<TAU;r+=.06)
vertex(cos(r)*(S=sin(t+r*4)*E)+E,sin(r)*S+E)
endShape(CLOSE)
drawingContext.clip()
fill('#BB28')
for(i=0;i<W;i++)circle(i%25*30,int(i/25)*30,S/9)
pop()
}#つぶやきProcessing pic.twitter.com/hICjI1uGji
t=0,F=90
— はぅ君 (@Hau_kun) February 3, 2021
draw=_=>{t||createCanvas(720,720)
push(t+=.01)
f=(x,y,s,d)=>{beginShape()
for(r=0;r<12;r+=PI/5)vertex(cos(R=r+t*d/2)*(S=s+(F=-F)/d)+x,sin(R)*S+y)
endShape()}
f(360,360,270,1)
drawingContext.clip()
for(i=0;i<169;i++)f(i%12*60,int(i/12)*60,20,-9)
pop()}#つぶやきProcessing pic.twitter.com/Ui8UkY89Zx
t=0
— はぅ君 (@Hau_kun) February 4, 2021
draw=_=>{t||createCanvas(W=720,W)
background(W,W,0)
strokeWeight(5);
(D=drawingContext).lineDashOffset=t+=.5
D.setLineDash([9])
textSize(99)
noFill()
stroke(W)
text(S=" つぶやきnProcessing",99,320)
D.filter='drop-shadow(9px 9px 5px)hue-rotate('+t+'deg)'}#つぶやきProcessing pic.twitter.com/vkQzh6rArj
t=0
— はぅ君 (@Hau_kun) February 6, 2021
draw=_=>{t||createCanvas(W=720,W)+noStroke()+colorMode(HSB)
background(0,.5)
t+=.01
for(r=0;r<7;r+=.05)fill(r*60,25,W,(1-(S=abs(L=sin(r-t))))/2)+
(drawingContext.filter="blur("+S*9+"px)")+circle(cos(R=r*3+t)*tan(r+t)*99+360,sin(R)*tan(r-t)*300+360,L*9+20)}#つぶやきProcessing pic.twitter.com/R1LVLP08OH
t=0
— はぅ君 (@Hau_kun) February 7, 2021
draw=_=>{t||createCanvas(W=720,W)+colorMode(HSB)+noStroke()
background(W)
t+=.04
for(r=0;r<55;r+=.5){
fill(r*7,75,99,.7)
drawingContext.filter="drop-shadow(5px 5px 5px) blur("+sq(sin(r/19-t))*9+"px)"
circle(cos(r)*9*r+360,sin(r)*9*r+360,noise(r)*r*7+20)}}#つぶやきProcessing pic.twitter.com/s6Fg7xBHOw
t=0
— はぅ君 (@Hau_kun) February 8, 2021
draw=_=>{t||createCanvas(720,720)+noFill()+stroke(0)
t++
background(255,20)
textSize(99)
for(y=0;y<720;y+=85)for(x=0;x<720;x+=85){
(D=drawingContext).setLineDash([5,30+noise(x,y,t/99)*30])
D.lineDashOffset=t
text(String.fromCharCode(x/85+y/85*9+39),x,y)}}#つぶやきProcessing pic.twitter.com/9LPlG7AvLz
t=0,F=D=1,
— はぅ君 (@Hau_kun) February 9, 2021
draw=_=>{t||createCanvas(720,720)+noStroke()
background(0,5)
t+=.05;
for(x=0;x<760+(D=-D);x+=40)
for(y=0;y<720;y+=40){
circle(cos((R=t*(F=-F)*D+(D+1)*PI/2)*int(noise(T=t*.2)*4))*noise(T,3)*60+x+20,sin(R*int(noise(T,9)*4))*noise(T,6)*60+y+20,3)
}
}#つぶやきProcessing pic.twitter.com/gOO3iAT1bR
t=0
— はぅ君 (@Hau_kun) February 10, 2021
draw=_=>{t||createCanvas(720,720)+colorMode(HSB)+noStroke()
t+=.01
background(0,.05)
push()
blendMode(ADD)
for(r=0;r<TAU*2;r+=.1)
fill(r*30,75,99,tan(r+t)/2)+arc(cos(r+t)*sin(r*r+t)*300+360,sin(r+t)*cos(r*4+t)*360+360,S=9/tan(r+t),S,R=r+t*9,R+2)
pop()
}#つぶやきProcessing pic.twitter.com/pmESPHsWaZ
t=0
— はぅ君 (@Hau_kun) February 11, 2021
draw=_=>{t||createCanvas(720,720)+colorMode(HSB)
background(0,.1)
t+=.005
for(r=0;r<TAU*9;r+=.05-r*.0005)
stroke((r*6+t*99)%360,75,99,.2)+line(cos(R=r-t*2)*r*9+360,sin(R)*r*9+360,cos(R+(noise(r-t)-.5)*2)*(r+3)*9+360,sin(R+(noise(r+t)-.5)*2)*(r+3)*9+360)
}#つぶやきProcessing pic.twitter.com/lJT8pN3qhx
t=F=0
— はぅ君 (@Hau_kun) February 12, 2021
draw=_=>{t||createCanvas(W=720,W)+noFill()+colorMode(HSB)
t+=.05
background(0)
for(y=0;y<=W;y+=15)for(x=(F=-y/15%2)*15;x<=W;x+=30)
push()+translate(x,y)+rotate(t+F*PI/4)+stroke(((N=noise(x*.005,y*.005,t/5)*30)*24)%360,75,99)+square(-N,-N,N*2,N/2)+pop()}#つぶやきProcessing pic.twitter.com/WEjTi01zj6
setup=_=>{createCanvas(720,720)
— はぅ君 (@Hau_kun) February 13, 2021
noFill()
background(0)
for(y=0;y<780;y+=6)for(x=0;x<730;x+=6){
R=noise(x*.02,y*.015)*-PI
stroke(C=96-R*9,255+R*30,C,70)
curve(x+cos(R+2)*50,y+sin(R+2)*50,x,y,x+cos(R)*60,y+sin(R)*60,x+cos(P=-PI/2)*50,y+sin(P)*50)}}#PCD2021 草原 #つぶやきProcessing pic.twitter.com/RFzFGrctX9
t=0
— はぅ君 (@Hau_kun) February 14, 2021
draw=_=>{t||createCanvas(W=720,W)+noStroke()+colorMode(HSB)
background(240,99,50,.05)
t++
for(y=-30;y<W;y+=30)for(x=0;x<W;x+=8)
fill(240,99-(N=noise((y-int(t/30)*30)*.002,x*.0005,t*.002)*30)*4,99,.3)
+ellipse(x,y+sin(x*.02+t*.02+N)*N+t%30,9,3)}#PCD2021 海 #つぶやきProcessing pic.twitter.com/uQPZClYWz1
t=0
— はぅ君 (@Hau_kun) February 15, 2021
draw=_=>{t||createCanvas(W=720,W)+noStroke()
for(y=0;y<W;y+=9)+fill(Y=y/6,Y,y/2)+rect(0,y,W,9)
t+=.01
for(i=0;i<999;i++)fill(W,T=tan(t+(int(i/99))*.3)*30)+
circle(sin(t)*50+cos(noise(i)*9)*T*9+360,sin(t*2)*50+sin(noise(i/9))*T*5+360,T*2)}#PCD2021 空 #つぶやきProcessing pic.twitter.com/ACNOhzfY7R
t=0
— はぅ君 (@Hau_kun) February 16, 2021
draw=_=>{t||createCanvas(W=720,W)+noFill()
t+=5
push()
for(i=0;i<30;i+=2)stroke(99,N=noise(i)*99,N)+square(50+i,50+i,620-i*2)
drawingContext.clip()
fill(t%255)
noStroke()
for(i=0;i<2;i++)circle(abs(W*i-mouseX),mouseY,S=noise(t/50)*200)
pop()}#PCD2021 絵画 #つぶやきProcessing pic.twitter.com/HFh9oPZTok
t=0
— はぅ君 (@Hau_kun) February 17, 2021
draw=_=>{t||createCanvas(W=720,W)
background(0,0,72)
t+=.005
fill(W)
for(i=0;i<W;i++)
circle(cos(t+i)*(N=noise(i)*999)+360,sin(t+i)*N,noise(i,t)*9)
for(y=360;y>0;y-=9)
for(x=0;x<y;x+=9)
fill(noise(x,y)*160+99,99,9)+rect(x+(W-y)/2,y+360,9,9)
}#PCD2021 砂漠 #つぶやきProcessing pic.twitter.com/ZwA52QmQJk
t=0
— はぅ君 (@Hau_kun) February 18, 2021
draw=_=>{t||createCanvas(W=720,W)+noStroke()+colorMode(HSB);
(B=blendMode)(BLEND)
background(0,.1)
B(ADD)
t+=.01
for(d=9;d<W;d+=80)for(r=0;r<4;r+=9/d)
fill(d/2,75,(T=tan(d+r-t))*9,T)+circle(cos(R=d/50/r+t)*d+360,sin(R+t)*tan(d+t)*d+360,50/T)}#PCD2021 宇宙 #つぶやきProcessing pic.twitter.com/FjyepaXTjG
t=0
— はぅ君 (@Hau_kun) February 19, 2021
draw=_=>{t||createCanvas(W=720,W)+stroke(W,99)+noFill()
if((t+=.03)%4<1){background(noise(t)*99,noise(t,3)*99,99,9)
for(y=0;y<W;y+=60)for(x=0;x<W;x+=60)circle(x+cos(R=x*noise(T=t/99)+y*noise(T,9)+t*2)*50,y+sin(R)*50,noise(x,y,t)*99)}}#PCD2021 ブックカバー #つぶやきProcessing pic.twitter.com/x49qS5zCBI
t=0
— はぅ君 (@Hau_kun) February 20, 2021
draw=_=>{t||createCanvas(720,720,WEBGL)
background(t-=.1)
drawingContext.disable(2929)
for(i=0;i<64;){i%8||(p=createGraphics(30,30).textSize(30)).text("#PCD2021"[i/8],5,25)
push()+texture(p)+translate(315-i%8*90,i/8*40-150)+rotateY(t+i++)+plane(90)+pop()}}#つぶやきProcessing pic.twitter.com/TTSWmx5FBE
F=t=-1
— はぅ君 (@Hau_kun) February 20, 2021
draw=_=>{++t||createCanvas(720,720)+colorMode(HSB,9)+noStroke()
drawingContext.filter="drop-shadow(0 0 25px #FFF8)"
for(r=0;r<6;r+=PI/6)fill(t/9%9,6,7)+circle((D=dist(E=360,E,mouseX,mouseY))*cos(R=r+atan2(mouseY-E,mouseX-E)*(F=-F))+E,sin(R)*D+E,25)
}
//#つぶやきProcessing pic.twitter.com/s3swzIStwf
t=0
— はぅ君 (@Hau_kun) February 21, 2021
draw=_=>{t||createCanvas(W=720,W,WEBGL)
t+=.05
textureWrap(MIRROR)
texture((p=createGraphics(S=64,S).background(S,2)).circle(S=cos(t*.9)*S,tan(t*.7)*9+S,S))
beginShape(TRIANGLE_STRIP)
for(i=0;i<4;)vertex(X=(i%2*2-1)*W,Y=(int(i++/2)*2-1)*W,X,Y)
endShape()}#つぶやきProcessing pic.twitter.com/nnOCUROLrL
t=0
— はぅ君 (@Hau_kun) February 22, 2021
draw=_=>{t||createCanvas(W=720,W,WEBGL)+noStroke(F=1)
t+=.04
p=createGraphics(99,270).colorMode(HSB)
for(i=0;i<270;i++)p.fill(i*i%360,85,99)+p.rect(i%9*9,i,9)
texture(p)
for(x=-360;x<360;x+=90)push()+translate(x,0)+rotateY(x/9+t*F)+cone(90,W*(F=-F))+pop()}#つぶやきProcessing pic.twitter.com/ATIWYnFaZt
t=0
— はぅ君 (@Hau_kun) February 23, 2021
draw=d=>{t||createCanvas(720,720,WEBGL)+(_=createGraphics(450,450))+noStroke()
background(0)
t+=.01
for(j=0;j<9;j++)_.fill(99,j*25,255)+_.circle(j%3*225,int(j/3)*225,99)
for(i=0;i<18;i++){texture(_)+push()+rotateX(t)+rotateZ(t*i/9)+box(i*25)+pop()}}#つぶやきProcessing pic.twitter.com/XaXt8dDRqr
t=0
— はぅ君 (@Hau_kun) February 25, 2021
draw=_=>{t||createCanvas(192,157)+colorMode(HSB)+noStroke()
background(0,.05)
push()
blendMode(ADD)
t+=.002
for(r=0;r<TAU*8;r+=.2)
fill(r*7,80,99,T=tan(r-t)*2)+circle(cos(r*r+t+tan(T)/9)*r*3+96,sin(r+t+sin(T/9)*9)*r*2+78,2/T)
pop()
}#tinycode @CCodeMadrid #つぶやきProcessing pic.twitter.com/rj7hulJXhX
t=0
— はぅ君 (@Hau_kun) February 26, 2021
draw=d=>{t||createCanvas(720,720,WEBGL)+noStroke()+texture(_=createGraphics(360,360,WEBGL))
background(0)
t+=.002
lights()
_.clear().noStroke().rotateZ(.05).box(90,90,9).rotateZ(.8).box(90,90,9)
for(i=1;i<9;i++)rotateX(t)+rotateZ(t)+box(i*i*i)}#つぶやきProcessing pic.twitter.com/mW9fMYfG8P
t=0
— はぅ君 (@Hau_kun) February 27, 2021
draw=d=>{t||createCanvas(720,720,WEBGL)+texture(_=createGraphics(81,27).stroke(255,255,99))+noStroke()
background(0)
t+=.01
for(i=0;i<9;i++)_.line(X=i*9,0,X,27)
for(i=1;i<8;i++)
rotateX(t)+rotateY(t)+rotateZ(i)+sphere(i*i*i*.9*sq(sin(i+t*3)*.2+.8),i,i)
}#つぶやきProcessing pic.twitter.com/gVu6aICBxY
t=0
— はぅ君 (@Hau_kun) February 28, 2021
draw=_=>{t||createCanvas(720,720,WEBGL)+texture($=createGraphics(180,180).stroke(255))+noStroke()
background(0)
t+=.003
$.clear()
for(i=0;i<21;i++)
$.line(i*9+tan(i*i+t*2)*9,0,i*9+9,180)
for(i=1;i<9;i++)
rotateX(t+i)+rotateY(t*2-i)+torus(i*i*i*.5,i*i*.5)
}#つぶやきProcessing pic.twitter.com/5IhEzYGOp9
コメント