Optimise

src/game-loop/game-loop-resources.ts

@@ -44,10 +44,11 @@ export class GameLoopResources {
   public constructor(
     canvas: HTMLCanvasElement,
     private readonly device: GPUDevice,
+    private readonly canvasFormat: GPUTextureFormat,
     canvasSize: vec2,
     initialAgentCapacity: number
   ) {
-    const context = initializeContext({ device, canvas });
+    const context = initializeContext({ device, canvas, format: canvasFormat });
 
     this.textures = new SimulationTextures(this.device, canvasSize);
 
@@ -73,8 +74,16 @@ export class GameLoopResources {
     );
     this.eraserTexturePipeline = new EraserTexturePipeline(this.device, this.commonState);
     this.diffusionPipeline = new DiffusionPipeline(this.device);
-    this.renderPipeline = new RenderPipeline(context, this.device, this.commonState);
-    this.gpuProfiler = GpuProfiler.create(this.device);
+    this.renderPipeline = new RenderPipeline(
+      context,
+      this.device,
+      this.commonState,
+      this.canvasFormat
+    );
+    this.gpuProfiler = GpuProfiler.create(
+      this.device,
+      () => appConfig.tuningPane.showFpsOverlay
+    );
 
     this.frameRenderer = new SimulationFrameRenderer(
       this.device,
@@ -104,6 +113,10 @@ export class GameLoopResources {
     return this.frameRenderer.isSourceMapActive;
   }
 
+  public get gpuPassTimeMs(): number | undefined {
+    return this.gpuProfiler?.latestTotalPassMs;
+  }
+
   public setFrameParameters({
     time,
     deltaTime,
@@ -140,7 +153,6 @@ export class GameLoopResources {
     this.diffusionPipeline.setParameters(settings);
     this.renderPipeline.setParameters({
       ...settings,
-      backgroundGrainStrength: 0,
       channelColors,
       backgroundColor,
     });