Files
vibegif.direct-img.link/gen/bw/sparkle/shine.js
T
multipleof4andClaude Opus 5.5 ab7e0dc0df Split the gallery into sections with a divider, start the colored set
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>
2026-10-22 20:45:17 +00:00

17 lines
695 B
JavaScript

// big sparkle pulsing in the middle while small sparkles pop in and out around it
const{sin,PI,max}=Math,T=2*PI
export const frames=20,delay=70
const star=(c,x,y,r,a=0)=>{
const k=r*.16;c.save();c.translate(x,y);c.rotate(a);c.beginPath();c.moveTo(0,-r)
for(const[px,py,qx,qy]of[[r,0,k,-k],[0,r,k,k],[-r,0,-k,k],[0,-r,-k,-k]])c.quadraticCurveTo(qx,qy,px,py)
c.restore();c.fill();c.stroke()
}
export default(c,t)=>{
c.lineWidth=5
for(const[x,y,r,o]of[[52,60,26,0],[206,54,20,.17],[214,176,28,.33],[60,190,22,.5],[150,222,16,.66],[96,30,14,.83]]){
const s=max(0,sin(PI*((t*2+o)%1)))
if(s>.08)star(c,x,y,r*s,.3*s)
}
c.lineWidth=7;star(c,128,128,62+10*sin(t*T),.12*sin(t*T))
}