mirror of
https://github.com/direct-img/vibegif.direct-img.link.git
synced 2026-10-29 03:34:51 +00:00
33 lines
1.8 KiB
JavaScript
33 lines
1.8 KiB
JavaScript
// two lovebirds on a branch leaning in to nuzzle, eyes closing happily, a little heart floats up between them
|
|
const{sin,PI,max,min}=Math,T=2*PI
|
|
export const frames=24,delay=85
|
|
const B='#8cc084',L='#c6e0c1',F='#ff7a5c',W='#c9a27e',D='#2b2633'
|
|
const bump=(t,a,w)=>{const x=(t-a)/w;return x>0&&x<1?sin(PI*x)**2:0}
|
|
export default(c,t)=>{
|
|
const n=bump(t,.1,.36)+bump(t,.56,.36),wig=.05*sin(6*T*t)*n,hp=(t-.22)/.5
|
|
const fill=(col,f)=>{c.fillStyle=c.strokeStyle=col;c.lineWidth=6;c.beginPath();f();c.fill();c.stroke()}
|
|
c.strokeStyle=W;c.lineWidth=12;c.lineCap='round'
|
|
c.beginPath();c.moveTo(18,172);c.quadraticCurveTo(128,180,238,168);c.stroke()
|
|
c.lineWidth=6;c.beginPath();c.moveTo(210,170);c.lineTo(226,152);c.stroke()
|
|
for(const d of[1,-1]){
|
|
const x=128-d*56,a=d*(.2*n+wig)+(d>0?.02:-.02)*sin(T*t)
|
|
c.save();c.translate(x,170);c.scale(d,1);c.rotate(a*d)
|
|
fill(B,()=>{c.moveTo(-14,-14);c.lineTo(-32,26);c.lineTo(-18,30);c.lineTo(0,-6);c.closePath()})
|
|
fill(B,()=>c.ellipse(0,-36,30,38,0,0,T))
|
|
fill(L,()=>c.ellipse(8,-28,18,24,0,0,T))
|
|
fill(B,()=>c.arc(6,-82,26,0,T))
|
|
c.save();c.beginPath();c.arc(6,-82,29,0,T);c.clip();fill(F,()=>c.ellipse(28,-84,30,30,0,0,T));c.restore()
|
|
fill(W,()=>{c.moveTo(28,-90);c.quadraticCurveTo(44,-86,40,-74);c.lineTo(28,-76);c.closePath()})
|
|
c.fillStyle=c.strokeStyle=D
|
|
if(n>.5)c.lineWidth=3.5,c.beginPath(),c.arc(16,-90,5,1.15*PI,1.85*PI),c.stroke()
|
|
else c.beginPath(),c.arc(16,-88,5,0,T),c.fill()
|
|
c.restore()
|
|
}
|
|
for(const k of[0,1]){
|
|
const q=hp-k*.46;if(q<0||q>.5)continue
|
|
const z=min(1,6*min(q,.5-q)),y=72-60*q
|
|
c.save();c.translate(128,y);c.scale(z,z);c.fillStyle=c.strokeStyle=F;c.lineWidth=4
|
|
c.beginPath();c.moveTo(0,8);c.bezierCurveTo(-16,-4,-8,-16,0,-7);c.bezierCurveTo(8,-16,16,-4,0,8);c.fill();c.stroke();c.restore()
|
|
}
|
|
}
|