components/perf-stats/perf-stats.component.ts

0001 // perf-stats.component.ts
0002 import { Component, OnInit } from '@angular/core';
0003 import { PerfService, PerfLog } from '../../services/perf.service';
0004 import {MatTooltip} from "@angular/material/tooltip";
0005 import {DecimalPipe} from "@angular/common"; // adjust path as needed
0006
0007 @Component({
0008   selector: 'app-perf-stats',
0009   templateUrl: './perf-stats.component.html',
0010   imports: [
0011     DecimalPipe
0012   ],
0013   styleUrls: ['./perf-stats.component.scss']
0014 })
0015 export class PerfStatsComponent implements OnInit {
0016   perf: PerfLog = { fps: 0, frameTime: 0, calls: 0, triangles: 0 };
0017
0018   constructor(private perfService: PerfService) {}
0019
0020   ngOnInit(): void {
0021     this.perfService.perf$.subscribe((log: PerfLog) => {
0022       this.perf = log;
0023     });
0024   }
0025 }