mirror of
https://github.com/direct-img/vibegif.direct-img.link.git
synced 2026-10-29 11:44:51 +00:00
21 lines
1.3 KiB
JavaScript
21 lines
1.3 KiB
JavaScript
// flying saucer hovering with its lights chasing and a tractor beam pulling rings upward
|
|
const{sin,PI,floor}=Math,T=2*PI
|
|
export const frames=20,delay=70
|
|
export default(c,t)=>{
|
|
const h=5*sin(t*T)
|
|
const D=(f,a=12,b=5)=>{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 hw=y=>26+(y-112)/120*46
|
|
D(()=>{c.moveTo(128-hw(112),112+h);c.lineTo(128-hw(232),232);c.moveTo(128+hw(112),112+h);c.lineTo(128+hw(232),232)})
|
|
for(let k=0;k<3;k++){const y=232-((t+k/3)%1)*112;D(()=>c.ellipse(128,y,hw(y),6,0,0,T),10,4)}
|
|
c.translate(128,96+h);c.rotate(.04*sin(t*T+1));c.translate(-128,-96)
|
|
c.beginPath();c.ellipse(128,106,52,13,0,0,T);c.fill();c.stroke()
|
|
c.beginPath();c.arc(128,90,36,PI,0);c.closePath();c.fill()
|
|
c.lineWidth=4;c.beginPath();c.arc(128,84,15,0,T);c.stroke()
|
|
c.fillStyle='#111';for(const d of[-1,1])c.beginPath(),c.ellipse(128+d*6,83,4,6,d*.3,0,T),c.fill()
|
|
c.fillStyle='#fff';c.lineWidth=7;c.beginPath();c.arc(128,90,36,PI,0);c.stroke()
|
|
c.lineWidth=4;c.beginPath();c.arc(128,90,26,PI*1.15,PI*1.4);c.stroke();c.lineWidth=7
|
|
c.beginPath();c.ellipse(128,98,86,22,0,0,T);c.fill();c.stroke()
|
|
const on=floor(t*5)
|
|
c.lineWidth=5;for(let k=0;k<5;k++)c.beginPath(),c.arc(72+k*28,100+(k==0||k==4?-2:3),6,0,T),c.fillStyle=k==on?'#111':'#fff',c.fill(),c.stroke()
|
|
}
|