demostf/frontend
1
0
Fork 0
mirror of https://codeberg.org/demostf/frontend.git synced 2026-06-03 18:24:12 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

optimize player class icons

Browse source
This commit is contained in:
Robin Appelman 2024-12-06 19:44:56 +01:00
commit 78d8d4eb9f
10 changed files with 21 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

9
script/viewer/Analyse/Render/Player.tsx
View file

@ -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}