Lobo_Corp/playground-frontend
1
0
Fork 0
Code Pull Requests Actions Packages Projects Releases Activity

Update particles-background.component.ts
All checks were successful
Build, Test & Push Frontend / quality-check (push) Successful in 1m38s
Details
Build, Test & Push Frontend / docker (push) Successful in 1m41s
Details

Browse Source
This commit is contained in:
Lobo
2026-02-23 10:08:36 +01:00
parent b61eb4eb73
commit 885e609082
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/shared/components/particles-background/particles-background.component.ts
View File

@@ -1,4 +1,4 @@
import {AfterViewInit, Component, ElementRef, HostListener, NgZone, OnDestroy, ViewChild} from '@angular/core'; import {AfterViewInit, Component, ElementRef, HostListener, inject, NgZone, OnDestroy, ViewChild} from '@angular/core';
@Component({ @Component({
selector: 'app-particles-background', selector: 'app-particles-background',
@@ -9,6 +9,8 @@ import {AfterViewInit, Component, ElementRef, HostListener, NgZone, OnDestroy, V
export class ParticleBackgroundComponent implements AfterViewInit, OnDestroy { export class ParticleBackgroundComponent implements AfterViewInit, OnDestroy {
@ViewChild('canvas', { static: true }) canvasRef!: ElementRef<HTMLCanvasElement>; @ViewChild('canvas', { static: true }) canvasRef!: ElementRef<HTMLCanvasElement>;
private readonly ngZone = inject(NgZone);
private ctx!: CanvasRenderingContext2D; private ctx!: CanvasRenderingContext2D;
private particles: any[] = []; private particles: any[] = [];
private animationFrameId: number = 0; private animationFrameId: number = 0;
@@ -18,8 +20,6 @@ export class ParticleBackgroundComponent implements AfterViewInit, OnDestroy {
private readonly maxDistance = 150; private readonly maxDistance = 150;
private readonly particleSpeed = 0.8; private readonly particleSpeed = 0.8;
constructor(private readonly ngZone: NgZone) {}
ngAfterViewInit(): void { ngAfterViewInit(): void {
const canvas = this.canvasRef.nativeElement; const canvas = this.canvasRef.nativeElement;
this.ctx = canvas.getContext('2d')!; this.ctx = canvas.getContext('2d')!;