KillFeed item icons

solcloud · Sep 30, 2023 · 6e7d626 · 6e7d626
1 parent df48fbc
commit 6e7d626
Show file tree

Hide file tree

Showing 5 changed files with 45 additions and 4 deletions.
diff --git a/www/assets/css/hud.css b/www/assets/css/hud.css
@@ -1,3 +1,8 @@
+@font-face {
+    font-family: csIcons;
+    src: url("../../resources/font/csgo_icons.ttf");
+}
+
 #hud {
     --color-attackers: #ff9145;
     --color-defenders: #43b4fd;
@@ -428,6 +433,7 @@
 }
 
 #hud .kill-feed {
+    font-family: csIcons;
     max-height: 220px;
     font-size: .9rem;
     line-height: 80%;
@@ -443,6 +449,7 @@
 }
 
 #hud .inventory {
+    font-family: csIcons;
     font-size: 80%;
 }
 

diff --git a/www/assets/js/Enums.js b/www/assets/js/Enums.js
@@ -12,6 +12,7 @@ export {
     InventorySlot,
     ItemId,
     ItemIdToName,
+    ItemIdToIcon,
     Action,
 }
 
@@ -189,6 +190,27 @@ const ItemIdToName = {
     35: 'Molotov',
     36: 'Smoke',
     50: 'Bomb',
+    51: 'Defuse Kit',
+}
+
+const ItemIdToIcon = {
+    0: '\uE000',
+    1: '\uE03B',
+    2: '\uE004',
+    3: '\uE013',
+    4: '\uE00E',
+    5: '\uE007',
+    6: '\uE00E',
+    7: '\uE009',
+    30: '\uE02F',
+    31: '\uE02B',
+    32: '\uE02C',
+    33: '\uE030',
+    34: '\uE064',
+    35: '\uE02E',
+    36: '\uE02D',
+    50: '\uE031',
+    51: '\uE066',
 }
 
 // PlayerAction.js

diff --git a/www/assets/js/hud/KillFeed.js b/www/assets/js/hud/KillFeed.js
@@ -1,4 +1,4 @@
-import {ItemId} from "../Enums.js";
+import {ItemId, ItemIdToIcon} from "../Enums.js";
 
 export class KillFeed {
     #element
@@ -29,7 +29,7 @@ export class KillFeed {
         const culprit = document.createElement('span')
         const culpritOnMyTeam = (playerCulprit.isAttacker === playerMe.isAttacker)
         culprit.classList.add(culpritOnMyTeam ? 'team-me' : 'team-opponent')
-        culprit.innerText = killedByBomb ? '💣' : this.#scoreBoard.getPlayerName(playerCulprit, playerMe)
+        culprit.innerText = killedByBomb ? ItemIdToIcon[ItemId.Bomb] : this.#scoreBoard.getPlayerName(playerCulprit, playerMe)
 
         const dead = document.createElement('span')
         const deadOnyMyTeam = (playerDead.isAttacker === playerMe.isAttacker)
@@ -46,9 +46,9 @@ export class KillFeed {
         if (shouldHighlight) {
             row.classList.add('highlight')
         }
-        let headshot = (wasHeadshot ? ' ⌖' : '')
+        let headshot = (wasHeadshot ? ' 🗣' : '')
         row.append(culprit)
-        row.append(` killed${headshot} `)
+        row.append(` ${ItemIdToIcon[killedItemId]}${headshot} `)
         row.append(dead)
         parentElement.append(row)
 

diff --git a/www/resources/font/README.md b/www/resources/font/README.md
@@ -0,0 +1,12 @@
+# License
+
+#### csgo_icons.ttf
+
+by **ohmygosh** from https://www.unknowncheats.me/forum/downloads.php?do=file&id=16704
+
+
+# Acknowledgement
+
+Thanks original authors for providing these awesome images for free!
+
+If you find file here that violence license, please open issue.
diff --git a/www/resources/font/csgo_icons.ttf b/www/resources/font/csgo_icons.ttf