andras/fleeting-garden
andras/fleeting-garden
Watch
1
0
Fork
You've already forked fleeting-garden
 0
Code Issues Pull requests 10 Projects Releases Packages Wiki Activity Actions

Add counters

Browse source
This commit is contained in:
Andras Schmelczer 2023-05-21 11:01:17 +01:00
commit 12fa81c3ed
No known key found for this signature in database
GPG key ID: FC8F2C3D3D1A718C
3 changed files with 31 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/index.ts
View file

@ -5,6 +5,7 @@ import { FullScreenHandler } from './page/full-screen-handler';
import { InfoPageHandler } from './page/info-page-handler';
import { MenuHider } from './page/menu-hider';
import { applyArrayPlugins } from './utils/array';
import { DeltaTimeCalculator } from './utils/delta-time-calculator';
import { ErrorHandler, Severity } from './utils/error-handler';
import { initializeGpu } from './utils/graphics/initialize-gpu';
@ -39,6 +40,7 @@ const getElements = () => ({
canvas: document.querySelector('canvas') as HTMLCanvasElement,
canvasContainer: document.querySelector('main.canvas-container') as HTMLCanvasElement,
errorContainer: document.querySelector('.errors-container') as HTMLDivElement,
counters: document.querySelector('.counters > pre') as HTMLPreElement,
});
const main = async () => {
@ -70,8 +72,18 @@ const main = async () => {
elements.restartButton.addEventListener('click', () => game?.destroy());
const deltaTimeCalculator = new DeltaTimeCalculator();
const updateCounters = () => {
elements.counters.innerHTML = `FPS: ${deltaTimeCalculator.fps.toFixed(2)}
Gen1: ${game?.aliveAgentCounts.currentGenerationCount ?? 0}
Gen2: ${game?.aliveAgentCounts.nextGenerationCount ?? 0}`;
window.requestAnimationFrame(updateCounters);
};
updateCounters();
while (!shouldStop) {
game = new GameLoop(elements.canvas, gpu);
game = new GameLoop(elements.canvas, gpu, deltaTimeCalculator);
await game.start();
}
} catch (e) {