Function updateStatsDom

examples/million-points/main.ts:443–475

(nowTs: number)

  let lastGpuMsText = '';

  const updateStatsDom = (nowTs: number): void => {
    if (nowTs - lastDomUpdateTs < 250) return;
    lastDomUpdateTs = nowTs;

    const avgDt = frameDtMs.mean();
    const fps = avgDt > 0 ? 1000 / avgDt : 0;
    const avgRender = renderMs.mean();
    const avgGpu = gpuMs.mean();

    const fpsText = fps > 0 ? fps.toFixed(1) : '—';
    const renderText = avgRender > 0 ? avgRender.toFixed(2) : '—';
    const gpuText = avgGpu > 0 ? avgGpu.toFixed(2) : '—';

    const renderedPoints = estimateRenderedPoints(TOTAL_POINTS, zoomRange, samplingMode, DEFAULT_SAMPLING_THRESHOLD);
    const renderedPointsText = formatInt(renderedPoints);

    if (fpsText !== lastFpsText) {
      lastFpsText = fpsText;
      setText('fps', fpsText);
    }
    if (renderText !== lastRenderMsText) {
      lastRenderMsText = renderText;
      setText('renderTimeMs', renderText);
    }
    if (gpuText !== lastGpuMsText) {
      lastGpuMsText = gpuText;
      setText('gpuTimeMs', gpuText);
    }
    if (renderedPointsText !== lastRenderedPointsText) {
      lastRenderedPointsText = renderedPointsText;
      setText('renderedPointCount', renderedPointsText);
    }
  };

  /**
   * GPU timing probe via onSubmittedWorkDone: measures CPU→GPU→CPU latency, not pure GPU time.