🆙 Added animated gif to badge_display

Display Container
├── Furniture Container (renders 1st - back)
│   └── All furniture sprites sorted by z-depth
├── Avatar Container (renders 2nd - middle)
│   └── All avatar sprites sorted by z-depth
└── Badge Container (renders 3rd - front)
    └── All badge sprites sorted by z-depth

 Badges render on top of their furniture
 Avatars respect proper 3D depth (in front when in front, behind when behind)
 Animated GIFs work beautifully
 Clean, maintainable code with just a tiny z-offset
This commit is contained in:
duckietm
2026-01-30 09:59:04 +01:00
parent 866449efca
commit e263ce59bf
4 changed files with 192 additions and 48 deletions
+3 -3
View File
@@ -24,15 +24,15 @@
"compile": "tsc --project ./tsconfig.json --noEmit false",
"eslint": "eslint ./src ./packages/*/src",
"eslint-fix": "eslint ./src --fix"
},
"main": "./index",
"dependencies": {
"clientjs": "^0.2.1",
"gifuct-js": "^2.1.2",
"howler": "^2.2.4",
"pako": "^2.1.0",
"pixi-filters": "^6.1.5",
"pixi.js": "^8.15.0",
"clientjs": "^0.2.1"
"pixi.js": "^8.15.0"
},
"devDependencies": {
"@eslint/js": "^9.13.0",