mirror of
https://github.com/direct-img/vibegif.direct-img.link.git
synced 2026-10-29 11:44:51 +00:00
multipleof4andClaude Opus 5.5
ab7e0dc0df
Generators now live in gen/<section>/<subject>/<action>.js; the section folder picks where a tile shows in the gallery and isn't part of the URL. The first 50 are in gen/bw, a dashed divider follows, then gen/color. First colored ones: fox/sleep, pig/oink, duck/swim, whale/spout, turtle/walk, owl/blink, crab/dance, butterfly/flutter, dino/stomp, jellyfish/pulse. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
18 lines
1002 B
JavaScript
18 lines
1002 B
JavaScript
// badge pops in, a check mark draws itself, a burst of lines goes off, then it shrinks away
|
|
const{sin,cos,PI,min,max,hypot}=Math,T=2*PI
|
|
export const frames=24,delay=60
|
|
const back=u=>{const s=2;return 1+(s+1)*(u-1)**3+s*(u-1)**2}
|
|
const P=[[90,132],[118,160],[168,102]],L=hypot(28,28)+hypot(50,58)
|
|
export default(c,t)=>{
|
|
const s=t<.15?back(t/.15):t>.85?1-((t-.85)/.15)**2:1,p=min(1,max(0,(t-.15)/.28)),b=(t-.45)/.25
|
|
if(b>0&&b<1)for(let k=0;k<8;k++){
|
|
const a=k*T/8+PI/8,r1=82+30*b,r2=r1+20*(1-b)
|
|
for(const[w,st]of[[12,'#111'],[5,'#fff']])c.lineWidth=w,c.strokeStyle=st,c.beginPath(),c.moveTo(128+cos(a)*r1,128+sin(a)*r1),c.lineTo(128+cos(a)*r2,128+sin(a)*r2),c.stroke()
|
|
}
|
|
c.strokeStyle='#111';c.lineWidth=7
|
|
if(s<=.01)return
|
|
c.translate(128,128);c.scale(s,s);c.translate(-128,-128);c.lineWidth=7/s
|
|
c.beginPath();c.arc(128,128,74,0,T);c.fill();c.stroke()
|
|
if(p>0){c.lineWidth=20;c.setLineDash([L*p,999]);c.beginPath();for(const[x,y]of P)c.lineTo(x,y);c.stroke();c.setLineDash([])}
|
|
}
|