Archives/tobspr_shapez.io
1
0
Fork 0
mirror of https://github.com/tobspr/shapez.io.git synced 2024-10-27 20:34:29 +00:00
Code Issues Projects Releases Wiki Activity

More debug info (toggle)

Browse Source
This commit is contained in:
dengr1065 2020-06-30 04:53:06 +03:00
parent c895540ad2
commit 2d83994771
2 changed files with 46 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/css/ingame_hud/debug_info.scss
View File

@ -9,4 +9,11 @@
line-height: 15px; line-height: 15px;
flex-direction: column; flex-direction: column;
color: #fff; color: #fff;
&:not(.debugFull) {
.mousePosition,
.cameraPosition {
display: none;
}
}
} }

41
src/js/game/hud/parts/debug_info.js
View File

@ -2,6 +2,7 @@ import { BaseHUDPart } from "../base_hud_part";
import { makeDiv, round3Digits, round2Digits } from "../../../core/utils"; import { makeDiv, round3Digits, round2Digits } from "../../../core/utils";
import { DynamicDomAttach } from "../dynamic_dom_attach"; import { DynamicDomAttach } from "../dynamic_dom_attach";
import { KEYMAPPINGS } from "../../key_action_mapper"; import { KEYMAPPINGS } from "../../key_action_mapper";
import { Vector } from "../../../core/vector";
export class HUDDebugInfo extends BaseHUDPart { export class HUDDebugInfo extends BaseHUDPart {
createElements(parent) { createElements(parent) {
@ -9,20 +10,54 @@ export class HUDDebugInfo extends BaseHUDPart {
this.tickRateElement = makeDiv(this.element, null, ["tickRate"], "Ticks /s: 120"); this.tickRateElement = makeDiv(this.element, null, ["tickRate"], "Ticks /s: 120");
this.fpsElement = makeDiv(this.element, null, ["fps"], "FPS: 60"); this.fpsElement = makeDiv(this.element, null, ["fps"], "FPS: 60");
this.tickDurationElement = makeDiv(this.element, null, ["tickDuration"], "Update time: 0.5ms"); this.tickDurationElement = makeDiv(this.element, null, ["tickDuration"], "Tick dur: 0.5ms");
this.mousePositionElement = makeDiv(this.element, null, ["mousePosition"], "Pos: 0 0");
this.cameraPositionElement = makeDiv(this.element, null, ["cameraPosition"], "Center: 0 0");
this.versionElement = makeDiv(this.element, null, ["version"], "version unknown");
} }
initialize() { initialize() {
this.lastTick = 0; this.lastTick = 0;
this.visible = false; this.visible = false;
this.full = false;
this.domAttach = new DynamicDomAttach(this.root, this.element); this.domAttach = new DynamicDomAttach(this.root, this.element);
this.root.keyMapper.getBinding(KEYMAPPINGS.ingame.toggleFPSInfo).add(() => this.toggle()); this.root.keyMapper.getBinding(KEYMAPPINGS.ingame.toggleFPSInfo).add(() => this.toggle());
} }
updateFullText() {
this.element.classList.toggle("debugFull", this.full);
let version = `version ${G_BUILD_VERSION}`;
if (this.full) {
version += ` @ ${G_APP_ENVIRONMENT} @ ${G_BUILD_COMMIT_HASH}`;
}
this.versionElement.innerText = version;
}
updatePositions() {
let mousePos = this.root.app.mousePosition || new Vector(0, 0);
mousePos = this.root.camera.screenToWorld(mousePos).toTileSpace();
const cameraPos = this.root.camera.center.toTileSpace();
this.mousePositionElement.innerText = `Pos: ${mousePos.x} ${mousePos.y}`;
this.cameraPositionElement.innerText = `Center: ${cameraPos.x} ${cameraPos.y}`;
}
toggle() { toggle() {
this.visible = !this.visible; if (this.visible) {
if (this.full) {
this.visible = false;
this.full = false;
} else {
this.full = true;
}
} else {
this.visible = true;
}
this.updateFullText();
this.domAttach.update(this.visible); this.domAttach.update(this.visible);
} }
@ -40,5 +75,7 @@ export class HUDDebugInfo extends BaseHUDPart {
this.tickDurationElement.innerText = this.tickDurationElement.innerText =
"Tick Dur: " + round3Digits(this.root.dynamicTickrate.averageTickDuration) + "ms"; "Tick Dur: " + round3Digits(this.root.dynamicTickrate.averageTickDuration) + "ms";
} }
this.updatePositions();
} }
} }