Pinned
HTML Day 2026 KyotoใฎWebใใผใธใใงใใพใใใ
ใฟใใชใง้ใพใฃใฆHTMLใๆธใใพใใใใ
๐ง๐๐ ๐๐ฒ๐๐ฆ๐
28.4K posts
๐ง๐๐ ๐๐ฒ๐๐ฆ๐
@nagayama
๐จโ๐ฉโ๐งโ๐ง / Coder / UI Designer / Podcaster
- ใใฃใฑ่ชๅ้่ปขใฃใฆๅคงๅคใชใใ ใใใช
- Alanใ้ฃฒใฟใใใๆฌกใฎๆฅใฎๅใฟใใใซใชใฃใฆใฆๅฟ้
- Replying to @kiyosickใคใณใใฌใพใณใใงใใ
- t=0 draw=_=>{t||createCanvas(W=600,W,WEBGL) background(0) p=PI/40 noStroke`#ใคใถใใProcessing` rotateX(.5) rotateY(-.5) r=90 for(y=40;y--;)for(x=80;x--;pop(sphere(cos(v)+.3)))push(),translate((2+sin(v=(y+t)*p*2))*cos(u=(x+t)*p)*r,(2+sin(v))*sin(u)*r,z=cos(v)*r) t=(t+.02)%1}
GIF - Intel Mac Book ProๅฑใใใใงใใใฐใใๅใฎๅใงApple Siliconใฎ่ฉฑใใชใใงใใใใพใใใ
- ๆ่ฟ #ใคใถใใProcessing ใจใใใใใทใฅใฟใฐใงใ1ใใคใผใใซๅใพใใณใผใใงไฝใฃใใขใผใทใงใณใฐใฉใใฃใใฏในใๆ็จฟใใฆใใใงใใใใพใจใพใฃใ้ใซใชใฃใฆใใใฎใงใใคใชใใฆใฒใจใคใฎๅ็ปใซใใฆใฟใพใใใ
00:00 - t=0 draw=_=>{t||createCanvas(W=600,W,WEBGL) background`#ใคใถใใProcessing` T=t*PI rotateY(T/2) rotateZ(T/2) w=W/3 for(S=i=W;i--;pop())push(y=1-(i/S)*2),r=sqrt(1-y*y),s=PI*(3-sqrt(7+cos(y+T)/100))*i,x=cos(s)*r,z=sin(s)*r,translate(x*w,y*w,z*w),box(8) t+=.005}
GIF - t=0 draw=_=>{ createCanvas(W=600,W) t+=.01 w=W/2 textStyle(BOLD) for(q=2;q++<8;)for(j=i=int(80-q*10);i--;){textSize(q*7) p=sin(q+t)*4+TAU/j*i push(m=400-q*40) translate(x=sin(p)*m+w,y=cos(p)*m+w) rotate(atan2(w-y,w-x)) pop(text("็ขบๅฎ็ณๅ #ใคใถใใProcessing"[i%4],0,0))}}
GIF 
00:00- t=0 setup=_=>c=createCanvas(W=600,W) draw=_=>{background(0) t++ stroke(x=y=w=W/2) circle(x,y,9) for(i=0;i++<w;){r=9*i+9 circle(x,y,~~((i+t)/10)%10==1?15:2) y+=v=sin(n=int(noise((t+i)/99)*19)*PI/4)*6 x+=cos(n)*6 }}//#ใคใถใใProcessing #p5js
00:00 - t=0//#ใคใถใใProcessing Happy Holiday ๐ draw=_=>{t||createCanvas(W=600,W) noStroke(background(0)) w=W/2 for(j=10;j--;)for(i=60;i--;){p=t+i q=TAU/40*p+TAU/10*j r=p*10 fill(p*20,p*30,p*20) circle(cos(s=q+j/5)*r/2+w,sin(q+j/6)*r+p*20,noise(j,p)*8+cos(s+1.5))} t=(t+0.01)%1}
GIF
