Added resize callback to restart simulation new if canvas is resized

src/app/shared/rendering/canvas/babylon-canvas.component.ts

@@ -13,7 +13,7 @@ export interface RenderConfig {
 
 export type RenderCallback = (material: ShaderMaterial, camera: Camera, canvas: HTMLCanvasElement, scene: Scene) => void;
 
-export interface SceneReadyEvent {
+export interface SceneEventData {
   scene: Scene;
   engine: WebGPUEngine;
 }
@@ -32,7 +32,8 @@ export class BabylonCanvas implements AfterViewInit, OnDestroy {
   @Input({ required: true }) config!: RenderConfig;
   @Input() renderCallback?: RenderCallback;
 
-  @Output() sceneReady = new EventEmitter<SceneReadyEvent>();
+  @Output() sceneReady = new EventEmitter<SceneEventData>();
+  @Output() sceneResized = new EventEmitter<SceneEventData>();
 
   private engine!: WebGPUEngine;
   private scene!: Scene;
@@ -179,5 +180,10 @@ export class BabylonCanvas implements AfterViewInit, OnDestroy {
       this.camera.orthoTop = viewSize / 2;
       this.camera.orthoBottom = -viewSize / 2;
     }
+
+    this.sceneResized?.emit({
+      scene: this.scene,
+      engine: this.engine
+    });
   }
 }