@babylonjs-toolkit/next 9.30.0 → 9.34.1

package/lib/loopbackhuboptions.d.ts

@@ -0,0 +1,8 @@
+export interface LoopbackHubOptions {
+    latencyMs?: number;
+    jitterMs?: number;
+    lossPercent?: number;
+    seed?: number;
+    realTime?: boolean;
+}
+//# sourceMappingURL=loopbackhuboptions.d.ts.map

package/lib/loopbackhuboptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loopbackhuboptions.d.ts","sourceRoot":"","sources":["../src/loopbackhuboptions.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,kBAAkB;IAE3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/lib/loopbackhuboptions.js

@@ -0,0 +1 @@
+export {};

package/lib/network_reconnect_grace_seconds.d.ts

@@ -0,0 +1,2 @@
+export declare const NETWORK_RECONNECT_GRACE_SECONDS: number;
+//# sourceMappingURL=network_reconnect_grace_seconds.d.ts.map

package/lib/network_reconnect_grace_seconds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"network_reconnect_grace_seconds.d.ts","sourceRoot":"","sources":["../src/network_reconnect_grace_seconds.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,+BAA+B,EAAE,MAAW,CAAC"}

package/lib/network_reconnect_grace_seconds.js

@@ -0,0 +1 @@
+export const NETWORK_RECONNECT_GRACE_SECONDS = 20;

package/lib/networkstats.d.ts

@@ -0,0 +1,51 @@
+import { NetworkRunner } from './scenemanager';
+export declare class NetworkStats {
+    private static readonly REFRESH_SECONDS;
+    private static readonly PANEL_WIDTH_PIXELS;
+    private static readonly FONT_SIZE_PIXELS;
+    private static readonly FONT_FAMILY;
+    private static readonly MARGIN_PIXELS;
+    private static readonly PADDING_PIXELS;
+    private static readonly TEXT_HEIGHT_PIXELS;
+    private static readonly ROW_HEIGHT_PIXELS;
+    private static readonly BACKGROUND_COLOR;
+    private static readonly TEXT_COLOR;
+    private static readonly SLIDER_COLOR;
+    private static readonly MAXIMUM_LATENCY_MS;
+    private static readonly MAXIMUM_JITTER_MS;
+    private static readonly MAXIMUM_LOSS_PERCENT;
+    private static readonly TOGGLE_KEY_CODE;
+    private static readonly BYTES_PER_KILOBYTE;
+    private static readonly MILLISECONDS_PER_SECOND;
+    private static readonly TEXTURE_NAME;
+    private static current;
+    readonly runner: NetworkRunner;
+    private readonly texture;
+    private readonly panel;
+    private readonly statsText;
+    private readonly keyObserver;
+    private readonly refreshObserver;
+    private readonly runnerCallbacks;
+    private readonly lastSample;
+    private secondsSinceRefresh;
+    private constructor();
+    static get isShown(): boolean;
+    static get isVisible(): boolean;
+    static get text(): string;
+    static show(runner: NetworkRunner): void;
+    static hide(): void;
+    static toggle(runner: NetworkRunner): void;
+    static refreshNow(): void;
+    private advance;
+    private refresh;
+    private addSliderRow;
+    private dispose;
+    private static sliderRows;
+    private static createPanel;
+    private static createStatsText;
+    private static createLabel;
+    private static styleText;
+    private static sampleCounters;
+    private static remoteBufferDepth;
+}
+//# sourceMappingURL=networkstats.d.ts.map

package/lib/networkstats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"networkstats.d.ts","sourceRoot":"","sources":["../src/networkstats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA4F,MAAM,gBAAgB,CAAC;AAazI,qBAAa,YAAY;IAEjB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAgB;IAEvD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAAe;IAEzD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAc;IAEtD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAuB;IAE1D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAa;IAElD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAa;IAEnD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAAe;IAEzD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAAc;IAEvD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAgC;IAExE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAqB;IAEvD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAqB;IAEzD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAAe;IAEzD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAAe;IAExD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAc;IAE1D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAe;IAEtD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAAgB;IAE1D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,uBAAuB,CAAgB;IAE/D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAyB;IAE7D,OAAO,CAAC,MAAM,CAAC,OAAO,CAA6B;IAGnD,SAAgB,MAAM,EAAE,aAAa,CAAC;IAEtC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAyB;IAEjD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAY;IAElC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAY;IAEtC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAyB;IAErD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAkB;IAElD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA0B;IAE1D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAqB;IAEhD,OAAO,CAAC,mBAAmB,CAAa;IAMxC,OAAO;IAyBP,WAAkB,OAAO,IAAI,OAAO,CAEnC;IAGD,WAAkB,SAAS,IAAI,OAAO,CAErC;IAGD,WAAkB,IAAI,IAAI,MAAM,CAE/B;WAOa,IAAI,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI;WAOjC,IAAI,IAAI,IAAI;WAUZ,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI;WAUnC,UAAU,IAAI,IAAI;IAUhC,OAAO,CAAC,OAAO;IAUf,OAAO,CAAC,OAAO;IA6Bf,OAAO,CAAC,YAAY;IAwBpB,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,MAAM,CAAC,UAAU;IASzB,OAAO,CAAC,MAAM,CAAC,WAAW;IAgB1B,OAAO,CAAC,MAAM,CAAC,eAAe;IAS9B,OAAO,CAAC,MAAM,CAAC,WAAW;IAW1B,OAAO,CAAC,MAAM,CAAC,SAAS;IAYxB,OAAO,CAAC,MAAM,CAAC,cAAc;IAU7B,OAAO,CAAC,MAAM,CAAC,iBAAiB;CAQnC"}

package/lib/networkstats.js

@@ -0,0 +1,204 @@
+import { GameMode } from './scenemanager';
+import { KeyboardEventTypes } from '@babylonjs/core/Events/keyboardEvents';
+import { StackPanel } from '@babylonjs/gui/2D/controls/stackPanel';
+import { TextBlock } from '@babylonjs/gui/2D/controls/textBlock';
+import { Rectangle } from '@babylonjs/gui/2D/controls/rectangle';
+import { AdvancedDynamicTexture } from '@babylonjs/gui/2D/advancedDynamicTexture';
+import { Slider } from '@babylonjs/gui/2D/controls/sliders/slider';
+import { Control } from '@babylonjs/gui/2D/controls/control';
+export class NetworkStats {
+    constructor(runner) {
+        this.secondsSinceRefresh = 0;
+        this.runner = runner;
+        const scene = runner.scene;
+        this.texture = AdvancedDynamicTexture.CreateFullscreenUI(NetworkStats.TEXTURE_NAME, true, scene);
+        this.panel = NetworkStats.createPanel();
+        this.texture.addControl(this.panel);
+        const rows = new StackPanel("FusionStatsRows");
+        this.panel.addControl(rows);
+        this.statsText = NetworkStats.createStatsText();
+        rows.addControl(this.statsText);
+        for (const row of NetworkStats.sliderRows())
+            this.addSliderRow(rows, row);
+        this.lastSample = NetworkStats.sampleCounters(runner);
+        this.keyObserver = scene.onKeyboardObservable.add((info) => {
+            if (info.type === KeyboardEventTypes.KEYDOWN && info.event.keyCode === NetworkStats.TOGGLE_KEY_CODE)
+                NetworkStats.toggle(runner);
+        });
+        this.refreshObserver = scene.onBeforeRenderObservable.add(() => this.advance(scene.getEngine().getDeltaTime() / NetworkStats.MILLISECONDS_PER_SECOND));
+        this.runnerCallbacks = {
+            onSceneLoadDone: (loadedRunner) => NetworkStats.show(loadedRunner),
+            onShutdown: () => NetworkStats.hide()
+        };
+        runner.addCallbacks(this.runnerCallbacks);
+        this.refresh(NetworkStats.REFRESH_SECONDS);
+    }
+    static get isShown() {
+        return NetworkStats.current != null;
+    }
+    static get isVisible() {
+        return NetworkStats.current != null && NetworkStats.current.panel.isVisible;
+    }
+    static get text() {
+        return (NetworkStats.current != null) ? NetworkStats.current.statsText.text : "";
+    }
+    static show(runner) {
+        NetworkStats.hide();
+        if (runner == null || runner.scene == null || runner.scene.isDisposed)
+            return;
+        NetworkStats.current = new NetworkStats(runner);
+    }
+    static hide() {
+        const overlay = NetworkStats.current;
+        NetworkStats.current = null;
+        if (overlay != null)
+            overlay.dispose();
+    }
+    static toggle(runner) {
+        const overlay = NetworkStats.current;
+        if (overlay == null || overlay.runner !== runner) {
+            NetworkStats.show(runner);
+            return;
+        }
+        overlay.panel.isVisible = !overlay.panel.isVisible;
+    }
+    static refreshNow() {
+        const overlay = NetworkStats.current;
+        if (overlay == null)
+            return;
+        overlay.refresh(Math.max(overlay.secondsSinceRefresh, NetworkStats.REFRESH_SECONDS));
+    }
+    advance(deltaSeconds) {
+        this.secondsSinceRefresh += deltaSeconds;
+        if (this.secondsSinceRefresh < NetworkStats.REFRESH_SECONDS)
+            return;
+        this.refresh(this.secondsSinceRefresh);
+    }
+    refresh(elapsedSeconds) {
+        const runner = this.runner;
+        const sample = NetworkStats.sampleCounters(runner);
+        const perSecond = (current, previous) => (elapsedSeconds > 0) ? (current - previous) / elapsedSeconds : 0;
+        const kilobytesInPerSecond = perSecond(sample.bytesIn, this.lastSample.bytesIn) / NetworkStats.BYTES_PER_KILOBYTE;
+        const kilobytesOutPerSecond = perSecond(sample.bytesOut, this.lastSample.bytesOut) / NetworkStats.BYTES_PER_KILOBYTE;
+        const modeName = (runner.gameMode != null) ? GameMode[runner.gameMode] : "Idle";
+        const linkName = (runner.transport != null && runner.transport.transportName != null) ? runner.transport.transportName : "—";
+        const lines = [
+            "Network  " + modeName + "  player " + runner.localPlayer.playerId,
+            "tick     " + runner.tick,
+            "rtt      " + Math.round(runner.timeSync.rttSeconds * NetworkStats.MILLISECONDS_PER_SECOND) + " ms",
+            "in/out   " + kilobytesInPerSecond.toFixed(1) + " / " + kilobytesOutPerSecond.toFixed(1) + " kB/s",
+            "resim/s  " + Math.round(perSecond(sample.resimulations, this.lastSample.resimulations)),
+            "buffer   " + NetworkStats.remoteBufferDepth(runner) + " snapshots",
+            "corr/s   " + perSecond(sample.corrections, this.lastSample.corrections).toFixed(1),
+            "interp   " + Math.round(runner.interpolationDelaySeconds * NetworkStats.MILLISECONDS_PER_SECOND) + " ms",
+            "link     " + linkName
+        ];
+        this.statsText.text = lines.join("\n");
+        Object.assign(this.lastSample, sample);
+        this.secondsSinceRefresh = 0;
+    }
+    addSliderRow(rows, row) {
+        const conditions = (this.runner.transport != null) ? this.runner.transport.conditions : null;
+        const label = NetworkStats.createLabel();
+        const slider = new Slider("FusionStats" + row.label);
+        slider.minimum = 0;
+        slider.maximum = row.maximum;
+        slider.value = (conditions != null) ? row.read(conditions) : 0;
+        slider.height = NetworkStats.ROW_HEIGHT_PIXELS + "px";
+        slider.color = NetworkStats.SLIDER_COLOR;
+        slider.background = NetworkStats.BACKGROUND_COLOR;
+        slider.isEnabled = conditions != null;
+        const updateLabel = (value) => {
+            label.text = row.label + " " + Math.round(value) + " " + row.unit + ((conditions != null) ? "" : " (no simulator)");
+        };
+        slider.onValueChangedObservable.add((value) => {
+            if (conditions != null)
+                row.write(conditions, value);
+            updateLabel(value);
+        });
+        updateLabel(slider.value);
+        rows.addControl(label);
+        rows.addControl(slider);
+    }
+    dispose() {
+        const scene = this.texture.getScene();
+        if (scene != null) {
+            scene.onKeyboardObservable.remove(this.keyObserver);
+            scene.onBeforeRenderObservable.remove(this.refreshObserver);
+        }
+        this.runner.removeCallbacks(this.runnerCallbacks);
+        this.texture.dispose();
+    }
+    static sliderRows() {
+        return [
+            { label: "latency", unit: "ms", maximum: NetworkStats.MAXIMUM_LATENCY_MS, read: (conditions) => conditions.latencyMs, write: (conditions, value) => { conditions.latencyMs = value; } },
+            { label: "jitter", unit: "ms", maximum: NetworkStats.MAXIMUM_JITTER_MS, read: (conditions) => conditions.jitterMs, write: (conditions, value) => { conditions.jitterMs = value; } },
+            { label: "loss", unit: "%", maximum: NetworkStats.MAXIMUM_LOSS_PERCENT, read: (conditions) => conditions.lossPercent, write: (conditions, value) => { conditions.lossPercent = value; } }
+        ];
+    }
+    static createPanel() {
+        const panel = new Rectangle("FusionStatsPanel");
+        panel.width = NetworkStats.PANEL_WIDTH_PIXELS + "px";
+        panel.adaptHeightToChildren = true;
+        panel.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_RIGHT;
+        panel.verticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;
+        panel.top = NetworkStats.MARGIN_PIXELS + "px";
+        panel.left = -NetworkStats.MARGIN_PIXELS + "px";
+        panel.thickness = 0;
+        panel.background = NetworkStats.BACKGROUND_COLOR;
+        panel.paddingLeft = NetworkStats.PADDING_PIXELS + "px";
+        panel.paddingRight = NetworkStats.PADDING_PIXELS + "px";
+        return panel;
+    }
+    static createStatsText() {
+        const text = new TextBlock("FusionStatsText");
+        text.height = NetworkStats.TEXT_HEIGHT_PIXELS + "px";
+        NetworkStats.styleText(text);
+        text.textVerticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;
+        return text;
+    }
+    static createLabel() {
+        const label = new TextBlock();
+        label.height = NetworkStats.ROW_HEIGHT_PIXELS + "px";
+        NetworkStats.styleText(label);
+        return label;
+    }
+    static styleText(text) {
+        text.color = NetworkStats.TEXT_COLOR;
+        text.fontFamily = NetworkStats.FONT_FAMILY;
+        text.fontSize = NetworkStats.FONT_SIZE_PIXELS;
+        text.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
+    }
+    static sampleCounters(runner) {
+        const counters = runner.simulation.counters;
+        return { bytesIn: counters.bytesIn, bytesOut: counters.bytesOut, resimulations: counters.resimulations, corrections: counters.corrections };
+    }
+    static remoteBufferDepth(runner) {
+        const renderTime = runner.remoteRenderTime;
+        let depth = 0;
+        for (const networkObject of runner.getAllNetworkObjects()) {
+            if (networkObject.stateBuffer != null)
+                depth = Math.max(depth, networkObject.stateBuffer.countRemoteSnapshotsAfter(renderTime));
+        }
+        return depth;
+    }
+}
+NetworkStats.REFRESH_SECONDS = 0.25;
+NetworkStats.PANEL_WIDTH_PIXELS = 260;
+NetworkStats.FONT_SIZE_PIXELS = 12;
+NetworkStats.FONT_FAMILY = "monospace";
+NetworkStats.MARGIN_PIXELS = 8;
+NetworkStats.PADDING_PIXELS = 6;
+NetworkStats.TEXT_HEIGHT_PIXELS = 135;
+NetworkStats.ROW_HEIGHT_PIXELS = 18;
+NetworkStats.BACKGROUND_COLOR = "rgba(0, 0, 0, 0.7)";
+NetworkStats.TEXT_COLOR = "#e8f0ff";
+NetworkStats.SLIDER_COLOR = "#4fa3ff";
+NetworkStats.MAXIMUM_LATENCY_MS = 500;
+NetworkStats.MAXIMUM_JITTER_MS = 100;
+NetworkStats.MAXIMUM_LOSS_PERCENT = 20;
+NetworkStats.TOGGLE_KEY_CODE = 119;
+NetworkStats.BYTES_PER_KILOBYTE = 1024;
+NetworkStats.MILLISECONDS_PER_SECOND = 1000;
+NetworkStats.TEXTURE_NAME = "FusionStats";
+NetworkStats.current = null;

package/lib/networkstatssample.d.ts

@@ -0,0 +1,7 @@
+export interface NetworkStatsSample {
+    bytesIn: number;
+    bytesOut: number;
+    resimulations: number;
+    corrections: number;
+}
+//# sourceMappingURL=networkstatssample.d.ts.map

package/lib/networkstatssample.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"networkstatssample.d.ts","sourceRoot":"","sources":["../src/networkstatssample.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,kBAAkB;IAE3B,OAAO,EAAE,MAAM,CAAC;IAEhB,QAAQ,EAAE,MAAM,CAAC;IAEjB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;CACvB"}

package/lib/networkstatssample.js

@@ -0,0 +1 @@
+export {};

package/lib/networkstatssliderrow.d.ts

@@ -0,0 +1,9 @@
+import { NetworkConditionsSimulator } from './scenemanager';
+export interface NetworkStatsSliderRow {
+    label: string;
+    unit: string;
+    maximum: number;
+    read: (conditions: NetworkConditionsSimulator) => number;
+    write: (conditions: NetworkConditionsSimulator, value: number) => void;
+}
+//# sourceMappingURL=networkstatssliderrow.d.ts.map

package/lib/networkstatssliderrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"networkstatssliderrow.d.ts","sourceRoot":"","sources":["../src/networkstatssliderrow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAG5D,MAAM,WAAW,qBAAqB;IAE9B,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAEhB,IAAI,EAAE,CAAC,UAAU,EAAE,0BAA0B,KAAK,MAAM,CAAC;IAEzD,KAAK,EAAE,CAAC,UAAU,EAAE,0BAA0B,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1E"}

package/lib/networkstatssliderrow.js

@@ -0,0 +1 @@
+export {};