3D Cinema Booking Experience with Interactive Seat Selection

3D Cinema Booking Experience with Interactive Seat Selection3D Cinema Booking Experience with Interactive Seat Selection

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Pedro AGB

• 21h

I built a fully 3D cinema booking experience where you can drag to explore the hall, see every seat from any angle, and book with full spatial context before you ever sit down. Built entirely on @Base44 in under a week. Here’s what it does: → 3D hall you can freely explore → Real-time seat availability (available, selected, booked) → Instant price calculation as you select → Showtimes page with upcoming screenings → Full booking confirmation flow The result: customers see exactly what they’re getting. No surprises. No wrong seats. Better experience, more confident bookings. This is what cinema booking should feel like. #Base44Challenge

base44challenge Base44

Timothy Exodus

pro

• 19h

Seeing every seat from any angle before booking is exactly the kind of spatial confidence flat seat maps never give you. The real-time availability with instant price calculation is the practical backbone too. Was the showtimes page the trickiest part to wire up inside Base44?

Pedro AGB

• 10h

The showtimes wired up clean. The hard part was the atmosphere, getting that warm cinema feel in 3D without it looking like a dev prototype.

Sagar Nawaz

• 13h

Ye le Jani Pedro wali post ke liye: This is insane Pedro! A fully 3D cinema booking where you can drag to explore the hall and see every seat from any angle — that's next level UX. "Your seat. Your story. Your 8K" — love the tagline too. And built entirely on Base44 in under a week? Super impressive for the $10K challenge!

Pedro AGB

• 10h

Means a lot! When you can see your seat before you sit, that changes everything about the booking experience.

Sagar Nawaz

• 9h

Most welcom dear🔥

Rafee Alam

pro

• 8h

Seeing the exact seat angle before booking is a smart idea. How heavy was the 3D hall to optimize?

Pedro AGB

• 8h

Thank you, Rafee!! The geometry itself was manageable but the lighting setup is what needed the most tuning. Getting a warm cinema atmosphere without killing performance took a few iterations.

Ali Sabir

pro

• Oct 17

Everyone else flew. I deployed.

Not flying to LA, so I arrived the only way a developer knows how. A git push. The film follows one branch from a terminal in Sargodha to the main stage at CapCut World LA. The pipeline draws the route in ink, runs the travel checks (passport not required, jet lag 0 ms), ships a container with my name on it, and the deploy lands on the stage screen in front of the crowd. HTTP/2 200 OK.

How it was made

1. Terminal, pipeline and ink route are rendered from code. An HTML scene exposes a seek(t) function, a headless browser steps through it frame by frame at 1080p. The route is 1,500 streamlines following a turbulence field from Sargodha to Los Angeles, drawn incrementally so the line count climbs with the distance counter.

2. The venue is CapCut. Seedance prompt, locked-off wide shot of a creator conference main stage with a switched-off LED screen, crowd silhouettes, haze. The terminal is fitted onto that screen as a picture-in-picture so the text stays sharp.

3. Sound. Pad, crowd and the closing voice line are CapCut Video Studio, the voice is CapCut text-to-speech. The keyboard is not a stock loop, every click is generated from the exact frame each character appears, 121 keys, so sound and picture are locked. Stems level-matched and loudness-normalised, final cut mastered and exported in CapCut Video Studio. Hard cuts at 15s, 29s and 35s.

4. Proof kept, the code scenes, frame renders, Seedance prompts and Studio chat history.

Social post https://x.com/alisabir44205/status/2111380117486440877

capcutworldlachallenge