mirror of
https://github.com/direct-img/vibegif.direct-img.link.git
synced 2026-10-29 19:54:51 +00:00
multipleof4andClaude Opus 5.5
56666ba0e3
Animals (unicorn, flamingo, peacock, giraffe, chameleon, axolotl, capybara, otter, corgi, toucan), food (sushi, cupcake, popsicle, pancakes, strawberry, pineapple, blender, latte, cotton candy, fries), nature and space (sunset, aurora, comet, galaxy, sunflower, lotus, maple leaf, island, snow globe, clam), objects (lava lamp, cassette, vinyl, disco ball, neon sign, traffic light, crayon, watering can, pinata, arcade) and rides and luck (hot-air balloon, submarine, helicopter, roller coaster, ferris wheel, fire truck, soccer goal, crown, clover, maneki-neko). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
36 lines
2.2 KiB
JavaScript
36 lines
2.2 KiB
JavaScript
// mirror disco ball spinning on its chain, tiles catching the light, colored light spots blinking around it
|
|
// the tile colors repeat every 4 columns and the ball turns 4 columns per loop, so the loop is seamless
|
|
const{sin,cos,PI,max,min,floor}=Math,T=2*PI
|
|
export const frames=16,delay=90
|
|
const TL=['#e7f5ff','#d0bfff','#c5f6fa','#ffdeeb'],TD=['#a5d8ff','#b197fc','#66d9e8','#faa2c1'],SP=['#ff6b6b','#ffd43b','#69db7c','#4dabf7','#b197fc','#f783ac']
|
|
const star=(c,x,y,s,col)=>{c.fillStyle=col;c.beginPath();c.moveTo(x,y-s);for(const[px,py,qx,qy]of[[s,0,s*.18,-s*.18],[0,s,s*.18,s*.18],[-s,0,-s*.18,s*.18],[0,-s,-s*.18,-s*.18]])c.quadraticCurveTo(x+qx,y+qy,x+px,y+py);c.fill();c.stroke()}
|
|
export default(c,t,i)=>{
|
|
const cx=128,cy=140,R=76,M=16,N=8,cw=T/M,rot=T*t/4
|
|
for(let k=0;k<8;k++){
|
|
const a=k*T/8+.39,r=104,on=(floor(t*8)+k*3)%4!=0
|
|
if(on){c.lineWidth=4;star(c,cx+cos(a)*r,cy+sin(a)*r*.92,k%2?9:12,SP[k%6])}
|
|
}
|
|
for(const[w,st]of[[11,'#111'],[4,'#ced4da']])c.lineWidth=w,c.strokeStyle=st,c.beginPath(),c.moveTo(cx,0),c.lineTo(cx,58),c.stroke()
|
|
c.strokeStyle='#111';c.lineWidth=5;c.fillStyle='#ced4da';c.beginPath();c.roundRect(cx-15,52,30,14,4);c.fill();c.stroke()
|
|
c.fillStyle=TD[0];c.lineWidth=7;c.beginPath();c.arc(cx,cy,R,0,T);c.fill()
|
|
c.save();c.beginPath();c.arc(cx,cy,R,0,T);c.clip()
|
|
const P=(lo,la)=>[cx+R*cos(la)*sin(lo),cy+R*sin(la)]
|
|
c.lineWidth=1.5;c.strokeStyle='#495057'
|
|
for(let l=0;l<N;l++){
|
|
const la0=-PI/2+l*PI/N,la1=la0+PI/N,lm=(la0+la1)/2
|
|
for(let j=0;j<M;j++){
|
|
let lo0=j*cw+rot-PI,lo1=lo0+cw
|
|
lo0=((lo0+PI)%T+T)%T-PI;lo1=lo0+cw
|
|
if(lo1<-PI/2||lo0>PI/2)continue
|
|
const a0=max(lo0,-PI/2),a1=min(lo1,PI/2),lm2=(a0+a1)/2
|
|
const lit=cos(lm2)*cos(lm)*.7-sin(lm2)*cos(lm)*.35-sin(lm)*.45,ci=(j+l*2)%4
|
|
c.fillStyle=lit>.62?'#fff':lit>.25?TL[ci]:TD[ci]
|
|
c.beginPath();for(const[lo,la]of[[a0,la0],[a1,la0],[a1,la1],[a0,la1]])c.lineTo(...P(lo,la));c.closePath();c.fill();c.stroke()
|
|
}
|
|
}
|
|
c.restore();c.strokeStyle='#111'
|
|
c.lineWidth=7;c.beginPath();c.arc(cx,cy,R,0,T);c.stroke()
|
|
c.lineWidth=3
|
|
for(const[x,y,p]of[[100,112,0],[156,154,.33],[116,178,.66]]){const s=13*max(0,sin(T*(2*t+p)));if(s>2)star(c,x,y,s,'#fff')}
|
|
}
|