Camp Nou rebuilt in 3D with 86,964 selectable seats and their views

The Bugged Dev@thebuggeddev

Will Astra kill us in the future? 😱

Maybe Maybe not. But it absolutely killed this by recreating Barcelona’s Camp Nou in 3D with 86,964 individually selectable seats ❤️‍🔥

You can literally pick any seat and see what your view would look like from that exact position inside the stadium.

You can also switch between daylight, golden hour, and floodlit night modes to get a much more realistic feel.

I very much loved how it optimized the website’s performance by reducing the overview seat geometry from 2,087,136 triangles to 695,712, which is around a 67% reduction, without reducing the number of seats.

The stadium itself is built using procedural geometry and custom BufferGeometry, while Astra used InstancedMesh, spatial batching, and custom distance based LOD to efficiently render and manage nearly 87K selectable seats without creating tens of thousands of separate scene objects.

For interaction and realism, it also uses optimized raycasting with broad phase batch rejection, TSL and WebGPU materials, shader driven surface detail, and proper seat level camera transitions.

A month ago, I built an imaginary stadium using Claude Fable 5. It was great too, but this feels much more realistic.

Astra went further by adding proper doorways, staircases, concourses, tier structures, tunnels, railings, and other architectural details you would expect in an actual stadium.

Really classy.

We should do this for more stadiums and eventually rethink the ticketing experience altogether.

Live: