MMRviz

A lightweight browser-based 3D visualizer for the MMR immersive speaker system. Built to help visualize and plan audio routing and speaker configs.

No server, no build step — just open index.html in the browser.

---

Features

• 62 speakers rendered as colour-coded cubes across 3 layers
  • Ground ring (ch 1–30, 2.4 m)
  • Mid ring (ch 31–42, 8.3 m)
  • Top cluster (ch 43–62, 12.1 m)
• Layer toggles — show/hide each ring independently
• Piece configs — load a speaker subset + audio channel mapping; inactive speakers fade to 10% opacity, active ones show their channel label
• Mirror highlight — selecting a speaker auto-highlights its left/right mirror
• Ambi dome overlay — adjustable hemisphere wireframe to help plan ambisonics sub-selection
• Click info — HUD shows speaker ID, XYZ position, ring group, and channel assignment

Adding custom selection layout

Edit configs.js at the root — add one entry per piece:

window.MMR_CONFIGS = [

  {
    "name": "My Piece",
    "speakers": {
      "1": 1,   // speaker 1 → audio channel 1
      "12": 2,  // speaker 12 → audio channel 2
    }
  }

];

index.html loads this file automatically on startup.

Tech

• Three.js r165 via jsDelivr CDN
• OrbitControls for camera navigation
• Pure HTML/CSS/JS — no framework, no build tooling