mirror of
https://github.com/direct-img/vibegif.direct-img.link.git
synced 2026-10-29 03:34:51 +00:00
multipleof4andClaude Opus 5.5
8842194c3c
Brings the gallery to 50. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
20 lines
1.1 KiB
JavaScript
20 lines
1.1 KiB
JavaScript
// pair of music notes bouncing on the beat while little notes float up on either side
|
|
const{sin,cos,PI,abs}=Math,T=2*PI
|
|
export const frames=20,delay=70
|
|
const D=(c,f,a=18,b=6)=>{for(const[l,s]of[[a,'#111'],[b,'#fff']])c.lineWidth=l,c.strokeStyle=s,c.beginPath(),f(),c.stroke();c.lineWidth=7;c.strokeStyle='#111'}
|
|
const head=(c,x,y,s=1)=>{c.beginPath();c.ellipse(x,y,22*s,15*s,-.35,0,T);c.fill();c.stroke()}
|
|
export default(c,t)=>{
|
|
for(const[x0,o,d]of[[40,0,1],[216,.5,-1]]){
|
|
const p=(t+o)%1,s=.55*sin(PI*p),x=x0+10*sin(p*T),y=230-p*170
|
|
if(s<.08)continue
|
|
c.save();c.translate(x,y);c.scale(s,s)
|
|
D(c,()=>{c.moveTo(18,-6);c.lineTo(18,-80);c.quadraticCurveTo(26,-56,44,-50)},16,6)
|
|
c.lineWidth=7/s;head(c,0,0);c.restore()
|
|
}
|
|
const b=abs(sin(2*PI*t)),y=-26*b,sq=1+.08*(1-b)
|
|
c.translate(128,200);c.scale(sq,2-sq);c.translate(-128,-200+y)
|
|
D(c,()=>{c.moveTo(110,176);c.lineTo(110,74);c.moveTo(182,156);c.lineTo(182,54)})
|
|
c.beginPath();c.moveTo(104,64);c.lineTo(188,40);c.lineTo(188,68);c.lineTo(104,92);c.closePath();c.fill();c.stroke()
|
|
head(c,90,182);head(c,162,162)
|
|
}
|