From 9b01f2bb9a72f1190f46999ee6d621fbab84ca19 Mon Sep 17 00:00:00 2001
From: NewHappyRabbit <31893343+NewHappyRabbit@users.noreply.github.com>
Date: Mon, 10 Feb 2025 07:01:33 +0200
Subject: [PATCH] Converted and replaced all .png icons with .svg
---
resources/images/AllianceIcon.svg | 12 +
resources/images/AllianceIconBlack.svg | 328 +
resources/images/AllianceIconWhite.svg | 12 +
resources/images/AnchorIcon.svg | 6 +
resources/images/BoatIcon.svg | 7 +
resources/images/BoatIconWhite.svg | 7 +
resources/images/CityIcon.svg | 5 +
resources/images/CrownIcon.svg | 6 +
resources/images/DisabledIcon.svg | 5 +
resources/images/DonateIconWhite.svg | 7 +
resources/images/EmojiIconWhite.svg | 258 +
resources/images/EuropeBackground.svg | 6033 ++++++++++++++++++
resources/images/MissileSiloUnit.svg | 5 +
resources/images/NukeUnitIcon.svg | 8 +
resources/images/ShieldIcon-1.svg | 5 +
resources/images/ShieldIcon.svg | 5 +
resources/images/SwordIcon.svg | 7 +
resources/images/SwordIconWhite.svg | 7 +
resources/images/TargetIcon.svg | 6 +
resources/images/TargetIconWhite.svg | 6 +
resources/images/TerrainMapFrontPage.svg | 6030 +++++++++++++++++
resources/images/TraitorIcon.svg | 5 +
resources/images/TraitorIconBlack.svg | 5 +
resources/images/TraitorIconWhite.svg | 5 +
src/client/Main.ts | 14 +-
src/client/graphics/layers/NameLayer.ts | 8 +-
src/client/graphics/layers/PlayerPanel.ts | 10 +-
src/client/graphics/layers/RadialMenu.ts | 16 +-
src/client/graphics/layers/StructureLayer.ts | 8 +-
src/client/index.html | 2 +-
30 files changed, 12809 insertions(+), 29 deletions(-)
create mode 100644 resources/images/AllianceIcon.svg
create mode 100644 resources/images/AllianceIconBlack.svg
create mode 100644 resources/images/AllianceIconWhite.svg
create mode 100644 resources/images/AnchorIcon.svg
create mode 100644 resources/images/BoatIcon.svg
create mode 100644 resources/images/BoatIconWhite.svg
create mode 100644 resources/images/CityIcon.svg
create mode 100644 resources/images/CrownIcon.svg
create mode 100644 resources/images/DisabledIcon.svg
create mode 100644 resources/images/DonateIconWhite.svg
create mode 100644 resources/images/EmojiIconWhite.svg
create mode 100644 resources/images/EuropeBackground.svg
create mode 100644 resources/images/MissileSiloUnit.svg
create mode 100644 resources/images/NukeUnitIcon.svg
create mode 100644 resources/images/ShieldIcon-1.svg
create mode 100644 resources/images/ShieldIcon.svg
create mode 100644 resources/images/SwordIcon.svg
create mode 100644 resources/images/SwordIconWhite.svg
create mode 100644 resources/images/TargetIcon.svg
create mode 100644 resources/images/TargetIconWhite.svg
create mode 100644 resources/images/TerrainMapFrontPage.svg
create mode 100644 resources/images/TraitorIcon.svg
create mode 100644 resources/images/TraitorIconBlack.svg
create mode 100644 resources/images/TraitorIconWhite.svg
diff --git a/resources/images/AllianceIcon.svg b/resources/images/AllianceIcon.svg
new file mode 100644
index 000000000..dc89b412b
--- /dev/null
+++ b/resources/images/AllianceIcon.svg
@@ -0,0 +1,12 @@
+
+
+
diff --git a/resources/images/AllianceIconBlack.svg b/resources/images/AllianceIconBlack.svg
new file mode 100644
index 000000000..c4249548a
--- /dev/null
+++ b/resources/images/AllianceIconBlack.svg
@@ -0,0 +1,328 @@
+
+
+
diff --git a/resources/images/AllianceIconWhite.svg b/resources/images/AllianceIconWhite.svg
new file mode 100644
index 000000000..e9f700ade
--- /dev/null
+++ b/resources/images/AllianceIconWhite.svg
@@ -0,0 +1,12 @@
+
+
+
diff --git a/resources/images/AnchorIcon.svg b/resources/images/AnchorIcon.svg
new file mode 100644
index 000000000..359bce486
--- /dev/null
+++ b/resources/images/AnchorIcon.svg
@@ -0,0 +1,6 @@
+
+
+
diff --git a/resources/images/BoatIcon.svg b/resources/images/BoatIcon.svg
new file mode 100644
index 000000000..10cf1e381
--- /dev/null
+++ b/resources/images/BoatIcon.svg
@@ -0,0 +1,7 @@
+
+
+
diff --git a/resources/images/BoatIconWhite.svg b/resources/images/BoatIconWhite.svg
new file mode 100644
index 000000000..855aa7e23
--- /dev/null
+++ b/resources/images/BoatIconWhite.svg
@@ -0,0 +1,7 @@
+
+
+
diff --git a/resources/images/CityIcon.svg b/resources/images/CityIcon.svg
new file mode 100644
index 000000000..3f11487f4
--- /dev/null
+++ b/resources/images/CityIcon.svg
@@ -0,0 +1,5 @@
+
+
+
diff --git a/resources/images/CrownIcon.svg b/resources/images/CrownIcon.svg
new file mode 100644
index 000000000..1d1f5b4c0
--- /dev/null
+++ b/resources/images/CrownIcon.svg
@@ -0,0 +1,6 @@
+
+
+
diff --git a/resources/images/DisabledIcon.svg b/resources/images/DisabledIcon.svg
new file mode 100644
index 000000000..a6a3e3edb
--- /dev/null
+++ b/resources/images/DisabledIcon.svg
@@ -0,0 +1,5 @@
+
+
+
diff --git a/resources/images/DonateIconWhite.svg b/resources/images/DonateIconWhite.svg
new file mode 100644
index 000000000..b425ecc2a
--- /dev/null
+++ b/resources/images/DonateIconWhite.svg
@@ -0,0 +1,7 @@
+
+
+
diff --git a/resources/images/EmojiIconWhite.svg b/resources/images/EmojiIconWhite.svg
new file mode 100644
index 000000000..f60610a35
--- /dev/null
+++ b/resources/images/EmojiIconWhite.svg
@@ -0,0 +1,258 @@
+
+
+
diff --git a/resources/images/EuropeBackground.svg b/resources/images/EuropeBackground.svg
new file mode 100644
index 000000000..d71856471
--- /dev/null
+++ b/resources/images/EuropeBackground.svg
@@ -0,0 +1,6033 @@
+
+
+
diff --git a/resources/images/MissileSiloUnit.svg b/resources/images/MissileSiloUnit.svg
new file mode 100644
index 000000000..3237598d3
--- /dev/null
+++ b/resources/images/MissileSiloUnit.svg
@@ -0,0 +1,5 @@
+
+
+
diff --git a/resources/images/NukeUnitIcon.svg b/resources/images/NukeUnitIcon.svg
new file mode 100644
index 000000000..b87f15768
--- /dev/null
+++ b/resources/images/NukeUnitIcon.svg
@@ -0,0 +1,8 @@
+
+
+
diff --git a/resources/images/ShieldIcon-1.svg b/resources/images/ShieldIcon-1.svg
new file mode 100644
index 000000000..0c44ed185
--- /dev/null
+++ b/resources/images/ShieldIcon-1.svg
@@ -0,0 +1,5 @@
+
+
+
diff --git a/resources/images/ShieldIcon.svg b/resources/images/ShieldIcon.svg
new file mode 100644
index 000000000..0c44ed185
--- /dev/null
+++ b/resources/images/ShieldIcon.svg
@@ -0,0 +1,5 @@
+
+
+
diff --git a/resources/images/SwordIcon.svg b/resources/images/SwordIcon.svg
new file mode 100644
index 000000000..c8bcc65dc
--- /dev/null
+++ b/resources/images/SwordIcon.svg
@@ -0,0 +1,7 @@
+
+
+
diff --git a/resources/images/SwordIconWhite.svg b/resources/images/SwordIconWhite.svg
new file mode 100644
index 000000000..f5ef89af8
--- /dev/null
+++ b/resources/images/SwordIconWhite.svg
@@ -0,0 +1,7 @@
+
+
+
diff --git a/resources/images/TargetIcon.svg b/resources/images/TargetIcon.svg
new file mode 100644
index 000000000..004a575a9
--- /dev/null
+++ b/resources/images/TargetIcon.svg
@@ -0,0 +1,6 @@
+
+
+
diff --git a/resources/images/TargetIconWhite.svg b/resources/images/TargetIconWhite.svg
new file mode 100644
index 000000000..f310cbc65
--- /dev/null
+++ b/resources/images/TargetIconWhite.svg
@@ -0,0 +1,6 @@
+
+
+
diff --git a/resources/images/TerrainMapFrontPage.svg b/resources/images/TerrainMapFrontPage.svg
new file mode 100644
index 000000000..5c84fe168
--- /dev/null
+++ b/resources/images/TerrainMapFrontPage.svg
@@ -0,0 +1,6030 @@
+
+
+
diff --git a/resources/images/TraitorIcon.svg b/resources/images/TraitorIcon.svg
new file mode 100644
index 000000000..812837d4a
--- /dev/null
+++ b/resources/images/TraitorIcon.svg
@@ -0,0 +1,5 @@
+
+
+
diff --git a/resources/images/TraitorIconBlack.svg b/resources/images/TraitorIconBlack.svg
new file mode 100644
index 000000000..d9a4a893c
--- /dev/null
+++ b/resources/images/TraitorIconBlack.svg
@@ -0,0 +1,5 @@
+
+
+
diff --git a/resources/images/TraitorIconWhite.svg b/resources/images/TraitorIconWhite.svg
new file mode 100644
index 000000000..2670f97a3
--- /dev/null
+++ b/resources/images/TraitorIconWhite.svg
@@ -0,0 +1,5 @@
+
+
+
diff --git a/src/client/Main.ts b/src/client/Main.ts
index b20500286..dede86905 100644
--- a/src/client/Main.ts
+++ b/src/client/Main.ts
@@ -1,5 +1,5 @@
import { ClientGameRunner, joinLobby } from "./ClientGameRunner";
-import backgroundImage from "../../resources/images/EuropeBackground.png";
+import backgroundImage from "../../resources/images/EuropeBackground.svg";
import favicon from "../../resources/images/Favicon.svg";
import "./PublicLobby";
@@ -23,7 +23,7 @@ class Client {
initialize(): void {
this.usernameInput = document.querySelector(
- "username-input",
+ "username-input"
) as UsernameInput;
if (!this.usernameInput) {
consolex.warn("Username input element not found");
@@ -40,11 +40,11 @@ class Client {
document.addEventListener("leave-lobby", this.handleLeaveLobby.bind(this));
document.addEventListener(
"single-player",
- this.handleSinglePlayer.bind(this),
+ this.handleSinglePlayer.bind(this)
);
const spModal = document.querySelector(
- "single-player-modal",
+ "single-player-modal"
) as SinglePlayerModal;
spModal instanceof SinglePlayerModal;
document.getElementById("single-player").addEventListener("click", () => {
@@ -54,7 +54,7 @@ class Client {
});
const hostModal = document.querySelector(
- "host-lobby-modal",
+ "host-lobby-modal"
) as HostPrivateLobbyModal;
hostModal instanceof HostPrivateLobbyModal;
document
@@ -66,7 +66,7 @@ class Client {
});
this.joinModal = document.querySelector(
- "join-private-lobby-modal",
+ "join-private-lobby-modal"
) as JoinPrivateLobbyModal;
this.joinModal instanceof JoinPrivateLobbyModal;
document
@@ -96,7 +96,7 @@ class Client {
map: event.detail.map,
difficulty: event.detail.difficulty,
},
- () => this.joinModal.close(),
+ () => this.joinModal.close()
);
}
diff --git a/src/client/graphics/layers/NameLayer.ts b/src/client/graphics/layers/NameLayer.ts
index 2161ff4be..f74e7af70 100644
--- a/src/client/graphics/layers/NameLayer.ts
+++ b/src/client/graphics/layers/NameLayer.ts
@@ -9,10 +9,10 @@ import { PseudoRandom } from "../../../core/PseudoRandom";
import { Theme } from "../../../core/configuration/Config";
import { Layer } from "./Layer";
import { TransformHandler } from "../TransformHandler";
-import traitorIcon from "../../../../resources/images/TraitorIcon.png";
-import allianceIcon from "../../../../resources/images/AllianceIcon.png";
-import crownIcon from "../../../../resources/images/CrownIcon.png";
-import targetIcon from "../../../../resources/images/TargetIcon.png";
+import traitorIcon from "../../../../resources/images/TraitorIcon.svg";
+import allianceIcon from "../../../../resources/images/AllianceIcon.svg";
+import crownIcon from "../../../../resources/images/CrownIcon.svg";
+import targetIcon from "../../../../resources/images/TargetIcon.svg";
import { ClientID } from "../../../core/Schemas";
import { GameView, PlayerView } from "../../../core/game/GameView";
import { createCanvas, renderTroops } from "../../Utils";
diff --git a/src/client/graphics/layers/PlayerPanel.ts b/src/client/graphics/layers/PlayerPanel.ts
index 7bfb330d9..10f980487 100644
--- a/src/client/graphics/layers/PlayerPanel.ts
+++ b/src/client/graphics/layers/PlayerPanel.ts
@@ -7,11 +7,11 @@ import { MouseUpEvent } from "../../InputHandler";
import { AllPlayers, Player, PlayerActions } from "../../../core/game/Game";
import { TileRef } from "../../../core/game/GameMap";
import { renderNumber, renderTroops } from "../../Utils";
-import targetIcon from "../../../../resources/images/TargetIconWhite.png";
-import emojiIcon from "../../../../resources/images/EmojiIconWhite.png";
-import donateIcon from "../../../../resources/images/DonateIconWhite.png";
-import traitorIcon from "../../../../resources/images/TraitorIconWhite.png";
-import allianceIcon from "../../../../resources/images/AllianceIconWhite.png";
+import targetIcon from "../../../../resources/images/TargetIconWhite.svg";
+import emojiIcon from "../../../../resources/images/EmojiIconWhite.svg";
+import donateIcon from "../../../../resources/images/DonateIconWhite.svg";
+import traitorIcon from "../../../../resources/images/TraitorIconWhite.svg";
+import allianceIcon from "../../../../resources/images/AllianceIconWhite.svg";
import {
SendAllianceRequestIntentEvent,
SendBreakAllianceIntentEvent,
diff --git a/src/client/graphics/layers/RadialMenu.ts b/src/client/graphics/layers/RadialMenu.ts
index b39f10ac1..59a4e9507 100644
--- a/src/client/graphics/layers/RadialMenu.ts
+++ b/src/client/graphics/layers/RadialMenu.ts
@@ -25,16 +25,16 @@ import {
import { TransformHandler } from "../TransformHandler";
import { Layer } from "./Layer";
import * as d3 from "d3";
-import traitorIcon from "../../../../resources/images/TraitorIconWhite.png";
-import allianceIcon from "../../../../resources/images/AllianceIconWhite.png";
-import boatIcon from "../../../../resources/images/BoatIconWhite.png";
-import swordIcon from "../../../../resources/images/SwordIconWhite.png";
+import traitorIcon from "../../../../resources/images/TraitorIconWhite.svg";
+import allianceIcon from "../../../../resources/images/AllianceIconWhite.svg";
+import boatIcon from "../../../../resources/images/BoatIconWhite.svg";
+import swordIcon from "../../../../resources/images/SwordIconWhite.svg";
import infoIcon from "../../../../resources/images/InfoIcon.svg";
-import targetIcon from "../../../../resources/images/TargetIconWhite.png";
-import emojiIcon from "../../../../resources/images/EmojiIconWhite.png";
-import disabledIcon from "../../../../resources/images/DisabledIcon.png";
+import targetIcon from "../../../../resources/images/TargetIconWhite.svg";
+import emojiIcon from "../../../../resources/images/EmojiIconWhite.svg";
+import disabledIcon from "../../../../resources/images/DisabledIcon.svg";
import xIcon from "../../../../resources/images/XIcon.svg";
-import donateIcon from "../../../../resources/images/DonateIconWhite.png";
+import donateIcon from "../../../../resources/images/DonateIconWhite.svg";
import buildIcon from "../../../../resources/images/BuildIconWhite.svg";
import { EmojiTable } from "./EmojiTable";
import { UIState } from "../UIState";
diff --git a/src/client/graphics/layers/StructureLayer.ts b/src/client/graphics/layers/StructureLayer.ts
index ff7b1be73..c9aaa7742 100644
--- a/src/client/graphics/layers/StructureLayer.ts
+++ b/src/client/graphics/layers/StructureLayer.ts
@@ -3,10 +3,10 @@ import { Theme } from "../../../core/configuration/Config";
import { Layer } from "./Layer";
import { EventBus } from "../../../core/EventBus";
-import anchorIcon from "../../../../resources/images/AnchorIcon.png";
-import missileSiloIcon from "../../../../resources/images/MissileSiloUnit.png";
-import shieldIcon from "../../../../resources/images/ShieldIcon.png";
-import cityIcon from "../../../../resources/images/CityIcon.png";
+import anchorIcon from "../../../../resources/images/AnchorIcon.svg";
+import missileSiloIcon from "../../../../resources/images/MissileSiloUnit.svg";
+import shieldIcon from "../../../../resources/images/ShieldIcon.svg";
+import cityIcon from "../../../../resources/images/CityIcon.svg";
import { GameView, UnitView } from "../../../core/game/GameView";
import { Cell, UnitType } from "../../../core/game/Game";
import { GameUpdateType } from "../../../core/game/GameUpdates";
diff --git a/src/client/index.html b/src/client/index.html
index 5b00b6032..7f0635571 100644
--- a/src/client/index.html
+++ b/src/client/index.html
@@ -74,7 +74,7 @@
-

+
v0.15.0