/** @type {🦀} */さんのイラストまとめ

たまごで円充填してみた。かわいい🥚🍳

🥚 230406 🥚
https://t.co/4rs6qyP23V #p5js #creativecoding #dailycoding

#つぶやけないProcessing

setup=_=>{createCanvas(W=800,W)
background`#つぶやきProcessing`
F=fill
F`#f73`
C=circle
strokeWeight(8)
translate(400,0)
C(0,W,W)
E=_=>{F``
C(150,550,120)
F(0)
noFill(C(150,539,99))
arc(50,640,99,99,-1,PI)}
E()
E(scale(-1,1))
shearY(5)
stroke(33)
F``
arc(0,520,140,240,4.7,PI/2)}

Maple - Pack 🍁
https://t.co/Rf9aRG9TzJ #p5js #creativecoding #dailycoding

Maple 🍁🍂
https://t.co/gWwaelHZFz #p5js #creativecoding #dailycoding

setup=_=>{noStroke(createCanvas(W=800,W,WEBGL))
background`#つぶやきProcessing`
rotateY(.8)
for(j=99;j--;){beginShape(5)
i=0
for(c of`,f55,fd5,ff5,5d5,5ff,55f,b5b,`.split`,`)r=640-i*20,fill(`#${c}`),V=I=>vertex(300+cos(a=I*.032+PI)*r,230+sin(a)*r),V(j),V(j-1),i++
endShape()}}

t=0
draw=_=>{t||createCanvas(W=800,W,WEBGL)
colorMode(HSB,16)
box(W*3)
rotate(t)
rotateY(t+=.004)
for(i=81;i--;){push(s=W/6)
translate((i%9-4)*s,(~~(i/9)-4)*s)
drawingContext.enable(2884)
for(j=6;j--;)fill((i+t+j*3)%16,9,16),box(s-j*18)
fill`#つぶやきProcessing`
pop(box(s/6))}}

t=0
draw=_=>{t++||createCanvas(W=800,W,WEBGL)
ortho()
s=W/9
S=s*4
background`#つぶやきProcessing`
for(i=0;i<81;){i<2?pointLight(W*!i,0,i*W,cos(a=t/99+i*PI)*S,sin(a)*S,S):0
push(J=~~(i/9))
translate((i++%9-4+J%2/2)*s*1.414,(J-4)*s*1.2)
rotateX(-PI/4)
rotateY(PI/4)
pop(box(s))}}

円にconicGradient適用するとディスク感でる📀

Conic Gradient - Circles
https://t.co/iZpaIh9HlO #p5js #creativecoding #dailycoding

setup=_=>{noFill(createCanvas(W=800,W).elt.style.background='linear-gradient(#e66,#99e)')
w=W/2
c=drawingContext
c.shadowColor='#fff'
background``
strokeWeight(9)
erase(stroke`#つぶやきProcessing`)
for(i=20;i--;)y=i%5*85+30,c.shadowBlur=~~(i/5)*16,triangle(w,y,630,w+y,169,w+y);}