the-matrix/js/main.js

import { initWorld, onWindowResize } from './world.js';
import { initAgents, updateAgents, getAgentCount } from './agents.js';
import { initEffects, updateEffects } from './effects.js';
import { initUI, updateUI } from './ui.js';
import { initInteraction, updateControls } from './interaction.js';
import { initWebSocket, getConnectionState, getJobCount } from './websocket.js';
import { initVisitor } from './visitor.js';

let frameCount = 0;
let lastFpsTime = performance.now();
let currentFps = 0;

function main() {
  const { scene, camera, renderer } = initWorld();

  initEffects(scene);
  initAgents(scene);
  initInteraction(camera, renderer);
  initUI();
  initWebSocket(scene);
  initVisitor();

  // Debounce resize to 1 call per frame (avoids dozens of framebuffer re-allocations during drag)
  let resizeFrame = null;
  window.addEventListener('resize', () => {
    if (resizeFrame) cancelAnimationFrame(resizeFrame);
    resizeFrame = requestAnimationFrame(() => onWindowResize(camera, renderer));
  });

  // Dismiss loading screen
  const loadingScreen = document.getElementById('loading-screen');
  if (loadingScreen) loadingScreen.classList.add('hidden');

  let rafId = null;

  function animate() {
    rafId = requestAnimationFrame(animate);

    const now = performance.now();
    frameCount++;
    if (now - lastFpsTime >= 1000) {
      currentFps = Math.round(frameCount * 1000 / (now - lastFpsTime));
      frameCount = 0;
      lastFpsTime = now;
    }

    updateControls();
    updateEffects(now);
    updateAgents(now);
    updateUI({
      fps: currentFps,
      agentCount: getAgentCount(),
      jobCount: getJobCount(),
      connectionState: getConnectionState(),
    });

    renderer.render(scene, camera);
  }

  // Pause rendering when tab is backgrounded (saves battery on iPad PWA)
  document.addEventListener('visibilitychange', () => {
    if (document.hidden) {
      if (rafId) {
        cancelAnimationFrame(rafId);
        rafId = null;
      }
    } else {
      if (!rafId) animate();
    }
  });

  animate();
}

main();