quake2ts 0.0.299 → 0.0.301

package/packages/client/dist/esm/index.js

@@ -8309,6 +8309,13 @@ var NetworkMessageParser = class _NetworkMessageParser {
     if (bitsHigh & U_OLD_FRAME_HIGH) to.oldFrame = this.stream.readShort();
   }
 };
+var PlaybackState = /* @__PURE__ */ ((PlaybackState22) => {
+  PlaybackState22[PlaybackState22["Stopped"] = 0] = "Stopped";
+  PlaybackState22[PlaybackState22["Playing"] = 1] = "Playing";
+  PlaybackState22[PlaybackState22["Paused"] = 2] = "Paused";
+  PlaybackState22[PlaybackState22["Finished"] = 3] = "Finished";
+  return PlaybackState22;
+})(PlaybackState || {});
 var DemoPlaybackController = class {
   // ms (10Hz default)
   constructor() {
@@ -11848,6 +11855,89 @@ var MultiplayerConnection = class {
   }
 };
 
+// src/ui/demo-controls.ts
+var DemoControls = class {
+  constructor(playback) {
+    this.isVisible = true;
+    this.playback = playback;
+  }
+  render(renderer, width, height) {
+    if (!this.isVisible) return;
+    const state = this.playback.getState();
+    const isPlaying = state === PlaybackState.Playing;
+    const overlayHeight = 60;
+    const y = height - overlayHeight;
+    renderer.drawfillRect(0, y, width, overlayHeight, [0, 0, 0, 0.5]);
+    const iconSize = 24;
+    const iconY = y + (overlayHeight - iconSize) / 2;
+    const iconX = 20;
+    const statusText = isPlaying ? "PAUSE" : "PLAY";
+    renderer.drawString(iconX, iconY, statusText);
+    const speed = this.playback.getSpeed();
+    const speedText = `Speed: ${speed}x`;
+    renderer.drawCenterString(iconY, speedText);
+    const currentTime = this.playback.getCurrentTime();
+    const currentFormatted = this.formatTime(currentTime);
+    const totalFormatted = "--:--";
+    const timeText = `${currentFormatted} / ${totalFormatted}`;
+    const timeX = width - 150;
+    renderer.drawString(timeX, iconY, timeText);
+    const timelineY = y + 5;
+    const timelineHeight = 4;
+    const timelineWidth = width - 40;
+    const timelineX = 20;
+    renderer.drawfillRect(timelineX, timelineY, timelineWidth, timelineHeight, [0.3, 0.3, 0.3, 1]);
+    const progress = 0;
+    const progressWidth = timelineWidth * progress;
+    renderer.drawfillRect(timelineX, timelineY, progressWidth, timelineHeight, [1, 1, 1, 1]);
+    const markerX = timelineX + progressWidth;
+    renderer.drawfillRect(markerX - 2, timelineY - 2, 4, timelineHeight + 4, [1, 0, 0, 1]);
+    const helpText = "[Space] Toggle  [< >] Step  [ [ ] ] Speed  [Esc] Stop";
+    renderer.drawCenterString(y + 35, helpText);
+  }
+  handleInput(key, down) {
+    if (!down) return false;
+    switch (key.toLowerCase()) {
+      case " ":
+        if (this.playback.getState() === PlaybackState.Playing) {
+          this.playback.pause();
+        } else if (this.playback.getState() === PlaybackState.Paused) {
+          this.playback.play();
+        }
+        return true;
+      case "arrowright":
+        this.playback.stepForward();
+        return true;
+      case "arrowleft":
+        this.playback.stepBackward();
+        return true;
+      case "]":
+        this.changeSpeed(2);
+        return true;
+      case "[":
+        this.changeSpeed(0.5);
+        return true;
+      case "escape":
+        this.playback.stop();
+        return true;
+    }
+    return false;
+  }
+  changeSpeed(factor) {
+    const current = this.playback.getSpeed();
+    let newSpeed = current * factor;
+    if (newSpeed < 0.1) newSpeed = 0.1;
+    if (newSpeed > 16) newSpeed = 16;
+    this.playback.setSpeed(newSpeed);
+  }
+  formatTime(ms) {
+    const totalSeconds = Math.floor(ms / 1e3);
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    return `${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
+  }
+};
+
 // src/input/bindings.ts
 var DEFAULT_BINDINGS = [
   { code: "KeyW", command: "+forward" },
@@ -12363,6 +12453,7 @@ function createClient(imports) {
   const prediction = new ClientPrediction2(imports.engine.trace, pointContents);
   const view = new ViewEffects2();
   const demoPlayback = new DemoPlaybackController();
+  const demoControls = new DemoControls(demoPlayback);
   const demoHandler = new ClientNetworkHandler(imports);
   demoHandler.setView(view);
   let isDemoPlaying = false;
@@ -12557,6 +12648,11 @@ function createClient(imports) {
       return prediction.enqueueCommand(command);
     },
     handleInput(key, down) {
+      if (isDemoPlaying) {
+        if (demoControls.handleInput(key, down)) {
+          return true;
+        }
+      }
       if (!menuSystem.isActive()) return false;
       if (!down) return true;
       const lowerKey = key.toLowerCase();
@@ -12776,6 +12872,9 @@ function createClient(imports) {
       if (menuSystem.isActive()) {
         Draw_Menu(imports.engine.renderer, menuSystem.getState(), imports.engine.renderer.width, imports.engine.renderer.height);
       }
+      if (isDemoPlaying) {
+        demoControls.render(imports.engine.renderer, imports.engine.renderer.width, imports.engine.renderer.height);
+      }
       if (lastRendered && lastRendered.client) {
         wheelMenuSystem.render(imports.engine.renderer, imports.engine.renderer.width, imports.engine.renderer.height, lastRendered.client);
       }