# Seat selection in 3D, with spatial audio, before you buy

> A Three.js middleware for ticket sellers: step into an opera house, pick a seat and see and hear the stage from that exact spot.

Canonical page: https://andersonmancini.dev/blog/seat-selector-vr

Published: 2026-09-09 · 1 min read · Tags: three.js, webgl, spatial-audio, launch

A seat map is flat. It shows you rows and numbers, and it never tells you what the night will be like: how close the stage is, if a column is in the way, or how the room sounds. This project is a different answer, built with Three.js.

![The opera house, with the seats in view](https://andersonmancini.dev/images/seat_selector.webp)

## What it is

It is a tool designed to sit between ticket buyers and venues, such as cinemas, theaters, schools and stadiums. Instead of a seat map, the buyer gets a half-immersive preview of the room:

1. you step into the venue, an opera house in the demo,
2. you pick a seat,
3. you see the stage from that exact point of view, before you pay.

## Sound as a layer of the preview

The detail I like most is the **spatial audio**. Sound changes with distance, so you hear how the room behaves from the chosen seat, not only how it looks. A seat at the back sounds different from one at the front, and the preview says so.

## Why it matters

A clearer preview means a more confident purchase, and fewer surprises on the night. The project is a demonstration of how a venue's real geometry, with real-time reflections and camera views, can become part of the buying flow.

## Try it

The tool is live at [vrseat.vercel.app](https://vrseat.vercel.app/), and the details are on the [project page](https://andersonmancini.dev/projects/seat-selector.md).

## Related projects

- [Seat Selector](https://andersonmancini.dev/projects/seat-selector.md) — 3D venue seat selection with spatial audio