@needle-tools/engine/lib/engine/debug/debug_spector.js

Needle Engine is a web-based runtime for 3D apps. It runs on your machine for development with great integrations into editors like Unity or Blender - and can be deployed onto any device! It is flexible, extensible and networking and XR are built-in.

import { isDevEnvironment } from "./debug.js";
export function initSpectorIfAvailable(_context, canvas) {
    if (typeof window !== undefined && window.SPECTOR) {
        console.log(window.SPECTOR);
        const params = new URLSearchParams(window.location.search);
        if (params.has("spector")) {
            const frame = Number.parseInt(params.get("spector") || "0") || 0;
            console.log("Scheduled Spector capture at frame #" + frame);
            const spector = new window.SPECTOR.Spector();
            spector.spyCanvases = true;
            waitForFrameAndCapture();
            return;
            function waitForFrameAndCapture() {
                if (frame > _context.time.frame)
                    return window.requestAnimationFrame(() => waitForFrameAndCapture());
                const res = spector.captureCanvas(canvas);
                if (res && res instanceof Promise)
                    res.then(() => spector.displayUI());
                else
                    spector.displayUI();
            }
        }
        else if (isDevEnvironment()) {
            console.debug("Spector available: Add '?spector=<frame>' to the URL to enable it and capture a frame.");
        }
    }
}
//# sourceMappingURL=debug_spector.js.map