mirror of
https://github.com/direct-img/vibegif.direct-img.link.git
synced 2026-10-29 19:54:51 +00:00
Animals (mouse, sheep, cow, elephant, monkey, lion, sloth, bat, spider, hedgehog, shark, seal, caterpillar, pigeon, koala, squirrel), weather (snowman, tornado, wind, icicle), food (toaster, banana, lemon, cherry, pudding, teapot, hot dog, lollipop, carrot, milk), objects (scissors, padlock, candle, fan, gears, stapler, faucet, trash, tv, cursor) and toys and symbols (yo-yo, spring, Newton's cradle, drum, trumpet, bowling, basketball, skull, question mark, puzzle). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
22 lines
1.7 KiB
JavaScript
22 lines
1.7 KiB
JavaScript
// two cherries on joined stems swinging like a pendulum, each lagging a little, the leaf flapping along
|
|
// the black cherries get a white rim so they show on dark backgrounds
|
|
const{sin,cos,PI}=Math,T=2*PI
|
|
export const frames=20,delay=70
|
|
export default(c,t)=>{
|
|
const P=[128,30],ch=[[-.3,152,0],[.27,140,.35]]
|
|
const ends=ch.map(([b,L,ph])=>{const a=b+.3*sin(T*t-ph);return[P[0]+L*sin(a),P[1]+L*cos(a),a]})
|
|
for(const[w,s]of[[13,'#111'],[5,'#fff']]){c.lineWidth=w;c.strokeStyle=s;for(const[x,y,a]of ends)c.beginPath(),c.moveTo(...P),c.quadraticCurveTo((P[0]+x)/2-20*cos(a)*Math.sign(a),(P[1]+y)/2,x,y-30),c.stroke()}
|
|
c.lineWidth=7;c.strokeStyle='#111'
|
|
c.save();c.translate(...P);c.rotate(-.5+.18*sin(T*t-.6));c.beginPath();c.moveTo(0,0);c.bezierCurveTo(-14,-26,-46,-30,-62,-14);c.bezierCurveTo(-46,4,-14,10,0,0);c.fill();c.stroke();c.lineWidth=4;c.beginPath();c.moveTo(-4,-2);c.quadraticCurveTo(-32,-12,-56,-14);c.stroke();c.restore()
|
|
c.lineWidth=7;c.beginPath();c.arc(...P,8,0,T);c.fill();c.stroke()
|
|
for(const[k,[x,y]]of ends.entries()){
|
|
c.beginPath();c.arc(x,y,36,0,T);c.lineWidth=16;c.strokeStyle='#fff';c.stroke();c.fillStyle='#111';c.fill();c.lineWidth=7;c.strokeStyle='#111';c.stroke()
|
|
c.strokeStyle='#fff';c.fillStyle='#fff';c.lineWidth=5
|
|
c.beginPath();c.arc(x,y,24,PI*1.12,PI*1.4);c.stroke()
|
|
if(k)for(const d of[-1,1])c.beginPath(),c.ellipse(x+d*11,y+2,4,5.5,0,0,T),c.fill()
|
|
else{c.beginPath();c.ellipse(x-11,y+2,4,5.5,0,0,T);c.fill();c.lineWidth=4;c.beginPath();c.moveTo(x+6,y+4);c.quadraticCurveTo(x+11,y-2,x+16,y+4);c.stroke()}
|
|
c.lineWidth=4;c.beginPath();c.arc(x,y+11,6,.15*PI,.85*PI);c.stroke()
|
|
c.strokeStyle='#111';c.fillStyle='#fff'
|
|
}
|
|
}
|