48 lines
4 KiB
JavaScript
48 lines
4 KiB
JavaScript
"use strict";
|
|
|
|
(function () {
|
|
const params = new URLSearchParams(location.search || "");
|
|
const enabled = params.get("debug") === "1" || params.get("debug") === "true";
|
|
if (!enabled) return;
|
|
const panel = document.createElement("div");
|
|
panel.id = "debugOverlay";
|
|
panel.style.cssText = [
|
|
"position:fixed", "left:8px", "top:76px", "z-index:99999", "min-width:230px", "max-width:360px",
|
|
"font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace", "color:#f7fbff",
|
|
"background:rgba(18,24,30,.78)", "border:1px solid rgba(255,255,255,.18)", "border-radius:10px",
|
|
"padding:8px 10px", "pointer-events:none", "white-space:pre-wrap", "box-shadow:0 8px 24px rgba(0,0,0,.22)"
|
|
].join(";");
|
|
document.addEventListener("DOMContentLoaded", () => document.body.appendChild(panel));
|
|
let lastEvents = [];
|
|
let lastAudio = [];
|
|
window.TarinaiEvents?.on("*", ev => { lastEvents.unshift(ev.type); if (lastEvents.length > 10) lastEvents.length = 10; });
|
|
window.TarinaiEvents?.on("audio:play", ev => { lastAudio.unshift(`${ev.detail?.id || "?"}:${ev.detail?.category || "?"}`); if (lastAudio.length > 8) lastAudio.length = 8; });
|
|
window.setInterval(() => {
|
|
const w = window.world;
|
|
const perf = window.TarinaiPerformance?.debugSnapshot(w) || {};
|
|
const input = window.TarinaiInputMode?.snapshot?.() || {};
|
|
const diag = w?.lastRuntimeDiagnostics || w?.runtimeDiagnostics?.() || {};
|
|
const behaviorCounts = diag.behavior?.counts || {};
|
|
const topBehaviors = Object.entries(behaviorCounts).sort((a, b) => b[1] - a[1]).slice(0, 5).map(([id, n]) => `${id}:${n}`).join(", ");
|
|
const quality = diag.performance?.quality || perf.quality || {};
|
|
panel.textContent = [
|
|
`tarinai v${window.TARINAI_VERSION || "?"}`,
|
|
`fps ${perf.fps ?? window.__tarinaiFps ?? "?"} perf ${perf.level ?? "?"}`,
|
|
`live ${diag.performance?.liveTarinai ?? quality.tarinaiCount ?? (w?.tarinai || []).length} qlevel ${quality.level ?? diag.performance?.level ?? "?"} pressure ${Number(diag.performance?.pressure ?? quality.pressure ?? 0).toFixed(2)} dpr ${diag.performance?.dpr || uiCache?.canvasDpr || "?"} maxDpr ${Number(quality.maxDpr ?? 0).toFixed ? Number(quality.maxDpr ?? 0).toFixed(2) : "?"}`,
|
|
`items ${(w?.items || []).length} tarinai ${(w?.tarinai || []).length} ants ${(w?.ants || []).length}`,
|
|
`effects ${(w?.effects || []).length}`,
|
|
`terrain v${w?.terrainVersion ?? 0} spatial v${w?.spatialVersion ?? 0}`,
|
|
`spatial rebuild ${diag.spatial?.rebuildsThisFrame ?? 0}/frame total:${diag.spatial?.rebuildsTotal ?? 0} dirty:${diag.spatial?.dirtyMarksThisFrame ?? 0} reason:${diag.spatial?.dirtyReason || diag.spatial?.lastRebuildReason || "-"}`,
|
|
`drawList ${(w?.drawList || []).length} dirty:${Boolean(diag.render?.drawListDirty)} logs ${(w?.logs || []).length}`,
|
|
`item buckets:${diag.items?.bucketTypes ?? 0} dirty:${Boolean(diag.items?.bucketsDirty)} id-map:${diag.items?.idMapSize ?? 0} rebuilds:${diag.items?.bucketRebuildsTotal ?? 0}`,
|
|
`work ai ${diag.work?.stats?.aiRuns ?? 0}/${diag.work?.stats?.aiSkips ?? 0} env ${diag.work?.stats?.envRuns ?? 0}/${diag.work?.stats?.envSkips ?? 0} coll ${diag.work?.stats?.collisionRuns ?? 0}/${diag.work?.stats?.collisionSkips ?? 0}`,
|
|
`behavior forced:${diag.behavior?.forced ?? 0} locked:${diag.behavior?.locked ?? 0} top ${topBehaviors || "-"}`,
|
|
`dpr ${uiCache?.canvasDpr || "?"} cache ${window.TARINAI_APP?.cacheName || "?"}`,
|
|
`sw ${navigator.serviceWorker?.controller ? "controlled" : "uncontrolled"} soundPack ${window.TarinaiAudio?.soundPackVersion || "?"}`,
|
|
`input ${input.currentMode || "?"} touchFirst:${Boolean(input.touchFirst)} coarse:${Boolean(input.pointerCoarse)} hover:${Boolean(input.hasHover)} compact:${Boolean(input.isCompactViewport)} uaMobile:${Boolean(input.userAgentMobile)}`,
|
|
`audio ${lastAudio.join(", ") || window.TarinaiAudio?.lastPlayedId || "-"}`,
|
|
`effects ${window.TarinaiEffectRegistry?.debugSnapshot?.().length || 0} registered`,
|
|
`events ${lastEvents.join(", ")}`,
|
|
].join("\n");
|
|
}, 500);
|
|
})();
|