mirror of
https://github.com/direct-img/vibegif.direct-img.link.git
synced 2026-10-29 11:44:51 +00:00
29 lines
1.5 KiB
JavaScript
29 lines
1.5 KiB
JavaScript
// squid: squeezes its mantle, shoots upward with arms trailing, then drifts back down with arms fanning open
|
|
const{sin,cos,PI}=Math,T=2*PI
|
|
export const frames=24,delay=80,rim=3
|
|
const sm=x=>x<0?0:x>1?1:x*x*(3-2*x)
|
|
export default(c,t)=>{
|
|
const sq=t<.15?sm(t/.15):t<.3?1-sm((t-.15)/.15):0
|
|
const Y=t<.15?4*sm(t/.15):t<.35?4-30*(1-(1-(t-.15)/.2)**2):-26+26*sm((t-.35)/.65)
|
|
const s=t<.15?1-sm(t/.15):t<.4?0:sm((t-.4)/.4),cy=146+Y,w=44*(1-.2*sq)
|
|
c.fillStyle=c.strokeStyle='#111';c.lineWidth=6
|
|
const limb=(bx,a,L,w0,w1,bend,ph)=>{
|
|
let x=bx,y=cy+12,px,py
|
|
for(let i=1;i<=14;i++){const u=i/14,an=a+bend*sin(T*t*2+ph+u*3)*u;px=x;py=y;x+=sin(an)*L/14;y+=cos(an)*L/14
|
|
c.lineWidth=w0+(w1-w0)*u;c.beginPath();c.moveTo(px,py);c.lineTo(x,y);c.stroke()}
|
|
return[x,y]
|
|
}
|
|
for(const d of[-1,1]){
|
|
const[x,y]=limb(128+d*11,d*(.1+.25*s),60,7,3,.25*s,d)
|
|
c.beginPath();c.ellipse(x,y,6,8,-d*(.08+.25*s),0,T);c.fill()
|
|
}
|
|
for(let i=0;i<5;i++)limb(128+(i-2)*9,(i-2)*.2*s,40,12,3,.35*s,i*1.3)
|
|
c.lineWidth=6
|
|
c.beginPath();c.ellipse(128,cy+4,32*(1-.1*sq),18,0,0,T);c.fill();c.stroke()
|
|
const tip=cy-90-6*sq,fl=4*sin(T*t*3)
|
|
for(const d of[-1,1])c.beginPath(),c.moveTo(128+d*4,tip+6),c.lineTo(128+d*(48+fl),cy-60),c.lineTo(128+d*w*.8,cy-46),c.fill(),c.stroke()
|
|
c.beginPath();c.moveTo(128,tip);c.bezierCurveTo(128+w*.8,tip+16,128+w,cy-40,128+w*.85,cy-6);c.quadraticCurveTo(128,cy+2,128-w*.85,cy-6)
|
|
c.bezierCurveTo(128-w,cy-40,128-w*.8,tip+16,128,tip);c.fill();c.stroke()
|
|
c.fillStyle='#fff';for(const d of[-1,1])c.beginPath(),c.arc(128+d*16,cy+3,6.5,0,T),c.fill()
|
|
}
|