Send paths as debug events

3 files changed, 37 insertions, 5 deletions

diff --git a/test-client/main.ts b/test-client/main.ts
index fd2e733a..091e0535 100644
--- a/test-client/main.ts
+++ b/test-client/main.ts
@@ -20,7 +20,7 @@
 import { init_locale } from "./locale.ts";
 import { MovementBase, collide_player_player, update_movement } from "./movement.ts";
 import { particle_splash, tick_particles } from "./particles.ts";
-import { Gamedata, ItemIndex, ItemLocation, Message, MessageTimeout, PacketC, PacketS, PlayerClass, PlayerID, Score, TileIndex } from "./protocol.ts";
+import { DebugEvent, Gamedata, ItemIndex, ItemLocation, Message, MessageTimeout, PacketC, PacketS, PlayerClass, PlayerID, Score, TileIndex } from "./protocol.ts";
 import { V2, lerp_exp_v2_mut, normalize, lerp_exp } from "./util.ts";
 import { draw_ingame, draw_wait } from "./visual.ts";
 
@@ -116,6 +116,7 @@ export const players = new Map<PlayerID, PlayerData>()
 export const tiles = new Map<string, TileData>()
 export const items_removed = new Set<ItemData>()
 export const server_hints = new Map<string, MessageData>()
+export const debug_events: Map<string, DebugEvent & { timeout: number }> = new Map()
 
 export let data: Gamedata = {
     item_names: [],
@@ -158,7 +159,7 @@ function send(p: PacketS) {
     ws.send(JSON.stringify(p))
 }
 function packet(p: PacketC) {
-    if (!["movement", "update_map"].includes(p.type))
+    if (!["movement", "update_map", "debug"].includes(p.type))
         console.log(p);
     switch (p.type) {
         case "version":
@@ -334,6 +335,9 @@ function packet(p: PacketC) {
                 default: console.warn("unknown menu");
             }
             break;
+        case "debug":
+            debug_events.set(p.key, { timeout: 0.1, ...p })
+            break;
         default:
             console.warn("unknown packet", p);
     }
diff --git a/test-client/protocol.ts b/test-client/protocol.ts
index b43646a9..d0789376 100644
--- a/test-client/protocol.ts
+++ b/test-client/protocol.ts
@@ -74,6 +74,7 @@ export type PacketC =
     | { type: "tutorial_ended", item: ItemIndex, player: PlayerID, success: boolean }
     | { type: "set_ingame", state: boolean, lobby: boolean } // Set to false when entering the game or switching maps
     | { type: "pause", state: boolean } // Set game paused so clients dont increment timers
+    | { type: "debug" } & DebugEvent // Set game paused so clients dont increment timers
 
 export interface Character {
     color: number,
@@ -153,3 +154,12 @@ export type NodeStyle =
     | "process_active"
     | "process_passive"
     | "process_instant"
+
+export interface DebugEvent {
+    key: string,
+    color: [number, number, number]
+    display: DebugEventDisplay
+}
+export type DebugEventDisplay =
+    { ty: "path", points: Vec2[] }
+    | { ty: "label", pos: Vec2, text: string }
\ No newline at end of file
diff --git a/test-client/visual.ts b/test-client/visual.ts
index d75f90f5..20bd7ae2 100644
--- a/test-client/visual.ts
+++ b/test-client/visual.ts
@@ -16,7 +16,7 @@
 
 */
 import { tr } from "./locale.ts";
-import { ItemData, MessageData, MessageStyle, PlayerData, TileData, camera, camera_scale, canvas, ctx, data, get_interact_target, global_message, interact_active_anim, interact_possible_anim, interact_target_anim, is_lobby, items_removed, keys_down, my_id, overlay_vis_anim, players, score, server_hints, tiles } from "./main.ts";
+import { ItemData, MessageData, MessageStyle, PlayerData, TileData, camera, camera_scale, canvas, ctx, data, debug_events, get_interact_target, global_message, interact_active_anim, interact_possible_anim, interact_target_anim, is_lobby, items_removed, keys_down, my_id, overlay_vis_anim, players, score, server_hints, tiles } from "./main.ts";
 import { PLAYER_SIZE } from "./movement.ts";
 import { draw_item_sprite, draw_tile_sprite, ItemName, TileName } from "./tiles.ts";
 import { V2, ceil_v2, floor_v2 } from "./util.ts";
@@ -78,6 +78,8 @@ export function draw_ingame() {
     for (const [_, message] of server_hints)
         draw_message(message, true)
 
+    draw_debug_events()
+
     ctx.restore()
     ctx.save()
     ctx.translate(50, 50)
@@ -94,7 +96,23 @@ export function draw_ingame() {
         draw_score()
 
     if (keys_down.has("KeyP"))
-        draw_debug()
+        draw_info_overlay()
+}
+
+function draw_debug_events() {
+    for (const ev of debug_events.values()) {
+        if (ev.display.ty == "path") {
+            ctx.lineWidth = 0.1
+            ctx.lineCap = "round"
+            ctx.strokeStyle = `rgb(${ev.color[0] * 100}%,${ev.color[1] * 100}%,${ev.color[2] * 100}%)`
+            ctx.beginPath()
+            if (ev.display.points.length)
+                ctx.moveTo(...ev.display.points[0])
+            for (let i = 1; i < ev.display.points.length; i++)
+                ctx.lineTo(...ev.display.points[i])
+            ctx.stroke()
+        }
+    }
 }
 
 function draw_score() {
@@ -110,7 +128,7 @@ function draw_score() {
     ctx.fillText(`${tr("c.score.demands_failed")}: ${score.demands_failed}`, 10, canvas.height - 10)
 }
 
-function draw_debug() {
+function draw_info_overlay() {
     ctx.fillStyle = "white"
     ctx.textAlign = "left"
     ctx.textBaseline = "bottom"