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,21 @@
|
||||
// a phone with no signal, its empty bars light up one by one as it searches and then blink, while its little face looks round sadly
|
||||
const{sin,PI}=Math,T=2*PI
|
||||
export const frames=16,delay=90
|
||||
export default(c,t,i)=>{
|
||||
c.beginPath();c.roundRect(58,10,140,236,28);c.fill();c.stroke()
|
||||
c.lineWidth=5;c.beginPath();c.roundRect(72,38,112,176,12);c.stroke()
|
||||
c.lineWidth=6;c.beginPath();c.moveTo(112,24);c.lineTo(144,24);c.stroke()
|
||||
c.lineWidth=5;c.beginPath();c.arc(128,230,7,0,T);c.stroke()
|
||||
const scan=i<8?i>>1:-1,dim=i>=8&&i%4>1
|
||||
for(let k=0;k<4;k++){
|
||||
const h=18+16*k,x=82+k*24
|
||||
c.fillStyle=k==scan?'#bbb':'#fff';c.strokeStyle=dim?'#bbb':'#111';c.lineWidth=5
|
||||
c.beginPath();c.roundRect(x,126-h,18,h,4);c.fill();c.stroke()
|
||||
}
|
||||
c.fillStyle='#111';c.strokeStyle='#111'
|
||||
const e=i<8?(scan-1.5)*3:0
|
||||
for(const d of[-1,1])c.beginPath(),c.arc(128+d*16+e,160,6,0,T),c.fill()
|
||||
c.lineWidth=5;c.beginPath();c.arc(128+e*.5,192,12,PI*1.15,PI*1.85);c.stroke()
|
||||
c.lineWidth=4;c.beginPath();c.moveTo(100+e,151);c.lineTo(112+e,145);c.moveTo(156+e,151);c.lineTo(144+e,145);c.stroke()
|
||||
c.fillStyle='#fff';c.lineWidth=4;c.beginPath();c.moveTo(164,140+(i%8));c.bezierCurveTo(158,152+(i%8),160,160+(i%8),166,160+(i%8));c.bezierCurveTo(172,160+(i%8),174,152+(i%8),164,140+(i%8));c.fill();c.stroke()
|
||||
}
|
||||
Reference in New Issue
Block a user