Function ensureOverlayTargets

src/core/createRenderCoordinator.ts:1939–1976

(canvasWidthDevicePx: number, canvasHeightDevicePx: number)

  };

  const ensureOverlayTargets = (canvasWidthDevicePx: number, canvasHeightDevicePx: number): void => {
    const w = Number.isFinite(canvasWidthDevicePx) ? Math.max(1, Math.floor(canvasWidthDevicePx)) : 1;
    const h = Number.isFinite(canvasHeightDevicePx) ? Math.max(1, Math.floor(canvasHeightDevicePx)) : 1;

    if (mainColorTexture && overlayMsaaTexture && overlayBlitBindGroup && overlayTargetsWidth === w && overlayTargetsHeight === h && overlayTargetsFormat === targetFormat) {
      return;
    }

    destroyTexture(mainColorTexture);
    destroyTexture(overlayMsaaTexture);

    mainColorTexture = device.createTexture({
      label: 'renderCoordinator/mainColorTexture',
      size: { width: w, height: h },
      format: targetFormat,
      usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING,
    });
    mainColorView = mainColorTexture.createView();

    overlayMsaaTexture = device.createTexture({
      label: 'renderCoordinator/annotationOverlayMsaaTexture',
      size: { width: w, height: h },
      sampleCount: ANNOTATION_OVERLAY_MSAA_SAMPLE_COUNT,
      format: targetFormat,
      usage: GPUTextureUsage.RENDER_ATTACHMENT,
    });
    overlayMsaaView = overlayMsaaTexture.createView();

    overlayBlitBindGroup = device.createBindGroup({
      label: 'renderCoordinator/overlayBlitBindGroup',
      layout: overlayBlitBindGroupLayout,
      entries: [{ binding: 0, resource: mainColorView }],
    });

    overlayTargetsWidth = w;
    overlayTargetsHeight = h;
    overlayTargetsFormat = targetFormat;
  };

  const initialGridArea = computeGridArea(gpuContext, currentOptions);