42 lines
1 KiB
JavaScript
42 lines
1 KiB
JavaScript
export class Telemetry {
|
|
constructor(app, selector = "#telemetry") {
|
|
this.app = app;
|
|
this.el = document.querySelector(selector);
|
|
if (!this.el) {
|
|
throw new Error(`no element found matching ${selector}`);
|
|
}
|
|
|
|
if (location.search.includes("telemetry")) {
|
|
this.el.style.display = "block";
|
|
this.app.onAfterUpdate(() => this.onAfterUpdate());
|
|
}
|
|
|
|
this.frameTimes = [];
|
|
this.maxFrameTimes = 100;
|
|
this.lastFrameTime = 0;
|
|
}
|
|
|
|
insertTime(time) {
|
|
this.frameTimes.push(time);
|
|
|
|
if (this.frameTimes.length > this.maxFrameTimes) {
|
|
this.frameTimes.shift();
|
|
}
|
|
}
|
|
|
|
onAfterUpdate() {
|
|
const frameTime = this.app.now() - this.lastFrameTime;
|
|
this.insertTime(frameTime);
|
|
|
|
const averageFrameTime =
|
|
this.frameTimes.reduce((a, b) => a + b, 0) / this.frameTimes.length;
|
|
|
|
const framesPerSecond = 1000 / averageFrameTime;
|
|
|
|
this.el.innerHTML = `
|
|
${framesPerSecond.toFixed(1)} FPS (${averageFrameTime.toFixed(3)} ms)
|
|
`;
|
|
|
|
this.lastFrameTime = this.app.now();
|
|
}
|
|
}
|