Files
vibegif.direct-img.link/gen/bw/trumpet/toot.js
T
multipleof4andClaude Opus 5.5 7108136edd Double the black-and-white section with 50 more stickers
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>
2026-10-22 23:48:07 +00:00

31 lines
1.7 KiB
JavaScript

// trumpet tooting three times, a valve pressing on each note, the bell flaring and sound waves rolling out
const{sin,PI,floor}=Math,T=2*PI
export const frames=24,delay=70
const D=(c,f,a=11,b=4)=>{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'}
export default(c,t)=>{
const p=(3*t)%1,n=floor(3*t),toot=sin(PI*p)
for(const o of[0,.5]){
const q=(t+o)%1,s=.4*sin(PI*q),x=206+20*q+6*sin(q*T*2),y=88-66*q
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;c.beginPath();c.ellipse(0,0,22,15,-.35,0,T);c.fill();c.stroke();c.restore()
}
for(const r of[14+30*p,2+30*p])if(r>12)D(c,()=>c.arc(214,128,r,-.6,.6))
c.translate(6,4)
D(c,()=>{c.moveTo(140,124);c.bezierCurveTo(160,124,160,164,140,164);c.lineTo(66,164);c.bezierCurveTo(50,164,50,140,66,140)},22,10)
D(c,()=>{c.moveTo(26,124);c.lineTo(150,124)},22,10)
c.beginPath();c.moveTo(12,112);c.quadraticCurveTo(20,124,12,136);c.lineTo(28,128);c.lineTo(28,120);c.closePath();c.fill();c.stroke()
for(let k=0;k<3;k++){
const x=80+24*k,d=k==n?8*toot:0
D(c,()=>{c.moveTo(x,100);c.lineTo(x,86+d)},10,4)
c.beginPath();c.ellipse(x,84+d,11,5,0,0,T);c.fill();c.stroke()
c.beginPath();c.roundRect(x-7,104,14,66,5);c.fill();c.stroke()
c.beginPath();c.roundRect(x-10,98,20,10,4);c.fill();c.stroke()
}
c.save();c.translate(146,124);c.scale(1+.06*toot,1+.1*toot)
c.beginPath();c.moveTo(-2,-8);c.bezierCurveTo(24,-9,38,-22,50,-34);c.lineTo(50,34);c.bezierCurveTo(38,22,24,9,-2,8);c.closePath();c.fill();c.stroke()
c.beginPath();c.ellipse(50,0,8,34,0,0,T);c.fill();c.stroke()
c.restore()
}