mirror of
https://github.com/direct-img/vibegif.direct-img.link.git
synced 2026-10-29 11:44:51 +00:00
Add 150 UI and page state stickers in three pending sections
404s, loaders, success, errors, empty states, confirmation, under construction, offline and more: 50 monochrome (ui), 50 colored (uicolor) and 50 with an anime girl (uianime), on /test until approved. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,20 @@
|
||||
// wifi arcs flicker out one by one from the outside in, a big X pops up and shakes, then the arcs flicker back on
|
||||
const{sin,cos,PI,min,max}=Math,T=2*PI
|
||||
export const frames=28,delay=70
|
||||
const back=u=>(u=min(1,max(0,u)),1+2.7*(u-1)**3+1.7*(u-1)**2)
|
||||
export default(c,t,i)=>{
|
||||
const R=[50,94,138],O=[9,6,3],N=[20,22,24]
|
||||
for(let k=2;k>=0;k--){
|
||||
const o=O[k],n=N[k],on=i<o||i==o+1||i==n||i>=n+2
|
||||
if(on)for(const[w,s]of[[32,'#111'],[18,'#fff']])c.lineWidth=w,c.strokeStyle=s,c.beginPath(),c.arc(128,206,R[k],-PI*.75,-PI*.25),c.stroke()
|
||||
else{c.setLineDash([1,15]);for(const[w,s]of[[11,'#111'],[4,'#bbb']])c.lineWidth=w,c.strokeStyle=s,c.beginPath(),c.arc(128,206,R[k],-PI*.75,-PI*.25),c.stroke();c.setLineDash([])}
|
||||
}
|
||||
c.lineWidth=7;c.strokeStyle='#111'
|
||||
c.beginPath();c.arc(128,206,20,0,T);c.fill();c.stroke()
|
||||
if(i>=12&&i<20){
|
||||
const s=i<19?back((i-11)/3):.45,r=i>13&&i<19?(i%2?.14:-.14):0
|
||||
c.save();c.translate(128,112);c.rotate(r);c.scale(s,s)
|
||||
for(const[w,k]of[[40,'#111'],[24,'#fff']])c.lineWidth=w,c.strokeStyle=k,c.beginPath(),c.moveTo(-36,-36),c.lineTo(36,36),c.moveTo(36,-36),c.lineTo(-36,36),c.stroke()
|
||||
c.restore()
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user