optimize player class icons

demostf · Dec 6, 2024 · 78d8d4e · 78d8d4e
1 parent 22ad43a
commit 78d8d4e
Show file tree

Hide file tree

Showing 10 changed files with 21 additions and 13 deletions.
diff --git a/images/class_icons/demoman.svg b/images/class_icons/demoman.svg
diff --git a/images/class_icons/engineer.svg b/images/class_icons/engineer.svg
diff --git a/images/class_icons/heavy.svg b/images/class_icons/heavy.svg
diff --git a/images/class_icons/medic.svg b/images/class_icons/medic.svg
diff --git a/images/class_icons/pyro.svg b/images/class_icons/pyro.svg
diff --git a/images/class_icons/scout.svg b/images/class_icons/scout.svg
diff --git a/images/class_icons/sniper.svg b/images/class_icons/sniper.svg
diff --git a/images/class_icons/soldier.svg b/images/class_icons/soldier.svg
diff --git a/images/class_icons/spy.svg b/images/class_icons/spy.svg
diff --git a/script/viewer/Analyse/Render/Player.tsx b/script/viewer/Analyse/Render/Player.tsx
@@ -24,7 +24,7 @@ const healthMap = {
 };
 
 const imageMap = {
-    0: require("inline://images/class_icons/empty.svg"),
+    0: '',
     1: require("inline://images/class_icons/scout.svg"),
     2: require("inline://images/class_icons/sniper.svg"),
     3: require("inline://images/class_icons/soldier.svg"),
@@ -55,17 +55,18 @@ export function Player(props: PlayerProp) {
         <polygon points="-6,14 0, 16 6,14 0,24" fill="white"
                  opacity={imageOpacity()}
                  transform={rotate()}/>
-        <circle r={16} stroke-width={1} stroke="white" fill={teamColor()}
+        <circle r={16} stroke-width={1.5} stroke="white" fill={teamColor()}
                 opacity={alpha()}/>
         {getClassImage(props.player, imageOpacity())}
     </g>
 }
 
 function getClassImage(player: PlayerState, imageOpacity: number) {
-    if (!imageMap[player.playerClass]) {
+    const image = imageMap[player.playerClass];
+    if (!image) {
         return [];
     }
-    return <image href={imageMap[player.playerClass]}
+    return <image href={image}
                   class={"player-icon " + player.team}
                   opacity={imageOpacity}
                   height={32}