From 8badd26f5f28b8bf258fd5a8b3024481c6b556f8 Mon Sep 17 00:00:00 2001
From: KittenTM <aidenplayzroblox123@gmail.com>
Date: Sun, 15 Mar 2026 07:51:12 +0100
Subject: [PATCH] fix up how icons show, edit existing icons

---
 assets/ability/Blank.png           | Bin 0 -> 189 bytes
 assets/ability/ParameterIcon^q.png | Bin 1083 -> 2120 bytes
 assets/mapping/ability.json        |   2 +-
 equipment/equipment.js             |  47 +++++++++++++++++++++--------
 4 files changed, 36 insertions(+), 13 deletions(-)
 create mode 100644 assets/ability/Blank.png

diff --git a/assets/ability/Blank.png b/assets/ability/Blank.png
new file mode 100644
index 0000000000000000000000000000000000000000..8fd35691f795f843686743db7f1c4d2dafe5f1a8
GIT binary patch
literal 189
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=EuJopAr*0NuQCcU81OJ{e00C0
zwdUCZ8Ohy0qW}C8ZeTki?4S_GFkgX*1H#g7U|{;lBG4gzfJ>pl!G@9L5$gsf4g~>!
lhQ<oUH4G#xbC`R8IpYR{<C^~ojX?J>c)I$ztaD0e0ssQ5H68!}

literal 0
HcmV?d00001

diff --git a/assets/ability/ParameterIcon^q.png b/assets/ability/ParameterIcon^q.png
index f016bad49f7b16e97416bb09c0e089c6474d2fae..c55d7de4c5495c27e83bfcdbfbe616576f3ee842 100644
GIT binary patch
delta 2108
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

delta 1063
zcmX>hu$yCoay<iMage(c!@6@aFBupZSkfJR9T^xl_H+M9WCij$3p^r=85sBugD~Uq
z{1qt-49piiT^vIy;+|gHpDkP{!S<nPe^YbEqZiK}EK%SRjgettZ(r2BtE0oqQLE_(
zf5#<XadyWeo-7MBF6nhWSR~pNv?^lBBq5%qjklJVeW`!+^h3?P)3H@M?L6=2e-_@)
zF2BOR_<r?0^NqRl-~SF<ywEozLs;roOPkq3Y)sh=nrX!yd)K|qxRLZbQDELd3y}r)
zzH;6>U~9ponUKDXhc`Nbdrqrn#<N-N?Hhz|6wh)ytR~x##-1J?E#`Pwt^Uhlr7f>#
zwKWS=FBAWLONQ4xgMG=uyVrG&OuJysEz#;1yNTr|Z`1Q{$C#chzW*{?;zN%4&7&N=
zXDuEvKA0~%mHE%CH?NqQ9v<~~xKcP>;o5N--mgs$zqh6CdT6I&HFM#@xD5@$i8J#i
z{AWw#zm{KX67spL_TT+St{-+E(_YpjSHEUH6Yte02k%`HSkN)ibqDM62WBD-d;J#f
z*j>%7@jR8${MxiEkGA{lMfpqQZ)9H&KexO|4yxzrpU??PQT>W`H6`a<e$)y}uDEml
zm*$0lvy<EP=dew=cxwLoX?#zf@EFGZwwkK$$bQYYvn}hXrQ`#H1w2n3Ik^n@BQ5IL
z9zF=YoydAal2?c4%OR#CW=g-}WN!u(98;LUD1AuX?cBk?Yi0}aUJVo9z<8BahIP;H
zVu@2H7*71%0~GCbQQaa_U_5ck`?SpuR!?O<zxsJ)gxc$+F3!pyA6|R>NH$(JuIJa%
zp8O?qW-|RbbKvhmb&a#tninr{NKYvY2=RD$s{Vs`1AnA^-GXKOp>5(1E7wd1nz|wJ
zv6qGvue|PpImhJnUq&97|Iuw-%lGR^d#7Y%wD8In2A=yl?L+JwMxK->f)CEjj4FcI
znNtwxWOz{ggNck+HftH<IiD9NSzQjZbN@K>hk<9A8OsiR8H>)ZL5mg&n(g^)nPzmb
zg0a5h`{UEzJoml1KX@6}-aFNDtWbh0)_Vu%^Dy6eEO&%g+Mb@ebVHn%iHVT(Jyq7(
z;gWZBlOjCo_P^%tU@M<?pZ(6G<I}p%tu5cT`Oma(mliGT{K_R%ouK(F+)0fueP2#V
z9ly?lxhvN`kp98-W=?~)eTJvLuGFlAr6M;LeDz_ru2(j3tIoW5p=I-*TMZ(7`;H}K
zO%||LUiq3^;&z99!^4mb3{`HTua~+y3;Wd_IrBbTiG80}-IK$!jD;e=2DM6Q?Gdp2
z5c+R7Ye-D{!wa%Iq=lbOJbmEYiln_;GH&?gFz}XzX<xXYX0nBoH`mE|HY!sADqQ`e
b_CLebnB~hp`q%UVGd_c-tDnm{r-UW|A5!Tc

diff --git a/assets/mapping/ability.json b/assets/mapping/ability.json
index e25cff3..2555522 100644
--- a/assets/mapping/ability.json
+++ b/assets/mapping/ability.json
@@ -5,7 +5,7 @@
     "name": "Blank",
     "sub": null,
     "special": null,
-    "image": "ParameterIcon^q.png"
+    "image": "Blank.png"
   },
   {
     "id": -1,
diff --git a/equipment/equipment.js b/equipment/equipment.js
index 5258209..64f4ef2 100644
--- a/equipment/equipment.js
+++ b/equipment/equipment.js
@@ -57,23 +57,37 @@ window.loadHeader(function(headerContainer) {
         const infoBox = document.querySelector('.splat-info-box');
         if (infoBox) {
             const fetchJson = url => fetch(url).then(r => r.ok ? r.json() : []);
-            const [clothing, headgear, shoes, weapons] = await Promise.all([
+            const [clothing, headgear, shoes, weapons, abilities] = await Promise.all([
                 fetchJson('/assets/mapping/clothing.json'),
                 fetchJson('/assets/mapping/headgear.json'),
                 fetchJson('/assets/mapping/shoes.json'),
-                fetchJson('/assets/mapping/weapons.json')
+                fetchJson('/assets/mapping/weapons.json'),
+                fetchJson('/assets/mapping/ability.json')
             ]);
 
-            const getImg = (list, id, folder) => {
-                if (!id) return "/assets/weapons/NotFound^w.png";
-                const item = list.find(i => i.id == id);
-                return (item && item.image) ? `../assets/${folder}/${item.image}` : "/assets/weapons/NotFound^w.png";
+            const getImg = (list, id, folder, isAbility = false) => {
+                const fallback = isAbility ? "../assets/ability/ParameterIcon^q.png" : "/assets/weapons/NotFound^w.png";
+                if (id === undefined || id === null) return fallback;
+                const item = list.find(i => String(i.id) === String(id));
+                return (item && item.image) ? `../assets/${folder}/${item.image}` : fallback;
             };
 
             const weaponImg = getImg(weapons, equipped.weapon, 'weapons');
             const headImg = getImg(headgear, equipped.Gear_Head, 'headgear');
             const clothesImg = getImg(clothing, equipped.Gear_Clothes, 'clothing');
             const shoesImg = getImg(shoes, equipped.Gear_Shoes, 'shoes');
+
+            const headMain = getImg(abilities, equipped.Gear_Head_Skill0, 'ability', true);
+            const headSub1 = getImg(abilities, equipped.Gear_Head_Skill1, 'ability', true);
+            const headSub2 = getImg(abilities, equipped.Gear_Head_Skill2, 'ability', true);
+
+            const clothesMain = getImg(abilities, equipped.Gear_Clothes_Skill0, 'ability', true);
+            const clothesSub1 = getImg(abilities, equipped.Gear_Clothes_Skill1, 'ability', true);
+            const clothesSub2 = getImg(abilities, equipped.Gear_Clothes_Skill2, 'ability', true);
+
+            const shoesMain = getImg(abilities, equipped.Gear_Shoes_Skill0, 'ability', true);
+            const shoesSub1 = getImg(abilities, equipped.Gear_Shoes_Skill1, 'ability', true);
+            const shoesSub2 = getImg(abilities, equipped.Gear_Shoes_Skill2, 'ability', true);
             
             await Promise.all([
                 preloadImage(miiImgUrl),
@@ -104,21 +118,30 @@ window.loadHeader(function(headerContainer) {
                             <img src="../assets/en/svg/text/scene/equipment/tx_udemae-3f0e377d89a469c62069c2304dae87dfdf2b98076a0a4662b9190800c2d9da91.svg" class="rank-label" />
                         </div>
                         <div class="weapon-slot"><img class="weapon" src="${weaponImg}" /></div>
+                        
                         <div class="gear-slot-small head-slot">
-                            <img class="main-ability" src="../assets/5254acc940ed.svg" />
+                            <img class="main-ability" src="${headMain}" />
                             <img class="gear-icon" src="${headImg}" />
                         </div>
+                        <div class="abilities mid">
+                            <img src="${clothesSub1}" /><img src="${clothesSub2}" />" />
+                        </div>
+
                         <div class="gear-slot-small body-slot">
-                            <img class="main-ability" src="../assets/783c945642a1.svg" />
+                            <img class="main-ability" src="${clothesMain}" />
                             <img class="gear-icon" src="${clothesImg}" />
                         </div>
+                        <div class="abilities bottom">
+                            <img src="${headSub1}" /><img src="${headSub2}" />" />
+                        </div>
+
                         <div class="gear-slot-small shoes-slot">
-                            <img class="main-ability" src="../assets/d24a8ad84d94.svg" />
+                            <img class="main-ability" src="${shoesMain}" />
                             <img class="gear-icon" src="${shoesImg}" />
                         </div>
-                        <div class="abilities bottom"><img src="../assets/55de981c4381.svg" /><img src="../assets/454c84bf43a2.svg" /><img src="../assets/b2d582c44ba2.svg" /></div>
-                        <div class="abilities mid"><img src="../assets/c9c9af9f4a95.svg" /><img src="../assets/cae6942642cb.svg" /><img src="../assets/7422b1b94163.svg" /></div>
-                        <div class="abilities bottom-right"><img src="../assets/a9f6b59c43d4.svg" /><img src="../assets/d8fa88484989.svg" /><img src="../assets/a15bb02a4d1c.svg" /></div>
+                        <div class="abilities bottom-right">
+                            <img src="${shoesSub1}" /><img src="${shoesSub2}" />" />
+                        </div>
                     </div>
                 </div>
             `;