Hi everyone!
I’m a live and studio sound engineer in a venue in the south-west of France. Before every show I used to sketch the stage on paper, then guess cable lengths and placements once on site. So I built the tool I wanted, with three.js and with the help of AI.
Try it in your browser:
Source (MIT):
What it does
- ~125 real-scale objects (in metres): mixing consoles, line arrays, subs, wedges, towers, truss, stage decks, backline, articulated musicians, lights…
- 2D scale plan + 3D view (3D / Plan / Front / Side), with game-like navigation (WASD, mouse look, zoom towards the cursor, double-click to move there)
- Smart placement: objects sit on stage decks, tables, flight cases and stands
- Lighting: gradient beam cones, soft floor spot with a hot centre (sharp for profiles, soft for PCs), glow at the source, aim-at-a-point
- Cable lengths, arrival times / delay tower settings, audio + DMX patch
- Changeover mode between two bands (TAKE OUT / BRING IN / stays)
- PDF tech sheet export (scale plan, 3D view, gear, cables, patch)
Tech side
- three.js + plain JavaScript modules, bundled with esbuild
- No backend, no account: plans live in the browser and save as a versioned .stage3d.json file (old plans always open in newer versions)
- 5 languages (EN/FR/ES/DE/IT), works offline from a zip or a small Windows .exe
About AI
Full transparency: I’m a sound tech, not a developer. This project was made with AI: I described what I needed from my experience on stage, tested every feature in real conditions and kept iterating and testing.
Feedback
I’d really appreciate feedback, especially on rendering and performance with big scenes (lots of lights and beams), and on anything that feels off in the navigation. And if you know people who work in events or theatre, feel free to share!
Thanks 
PaulMX