diff --git a/web/pw-server/src/lib/components/Visualizer.svelte b/web/pw-server/src/lib/components/Visualizer.svelte index a1da923..8517a39 100644 --- a/web/pw-server/src/lib/components/Visualizer.svelte +++ b/web/pw-server/src/lib/components/Visualizer.svelte @@ -4,9 +4,22 @@ import init_wasm_module from "planetwars-rs"; export let matchLog = null; + export let matchData: object; // match object as returned by api let initialized = false; + const PLAYER_COLORS = [ + "#ff8000", + "#0080ff", + "#ff6693", + "#3fcb55", + "#cbc33f", + "#cf40e9", + "#ff3f0d", + "#1beef0", + "#0dc5ff", + ]; + onMount(async () => { await init_wasm_module(); @@ -44,7 +57,11 @@
-
+
    + {#each matchData["players"] as player, i} +
  • {player["bot_name"] || "player"}
  • + {/each} +
0 / 0
@@ -70,4 +87,16 @@ diff --git a/web/pw-server/src/routes/index.svelte b/web/pw-server/src/routes/index.svelte index 984910e..055112a 100644 --- a/web/pw-server/src/routes/index.svelte +++ b/web/pw-server/src/routes/index.svelte @@ -128,6 +128,8 @@ return timestamp.toFormat("dd/MM"); } } + + $: selectedMatch = matches.find((m) => m["id"] === selectedMatchId);
@@ -165,7 +167,7 @@
{#if viewMode === ViewMode.MatchVisualizer} - + {:else if viewMode === ViewMode.Editor} {:else if viewMode === ViewMode.Rules}