codrops/seatpreview

An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.

Cinema Seat Preview Experiment

An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.

Article on Codrops

Demo

Check out the version by Sebastian Troć where the real seats are colored, too: SebastianTroc/SeatPreview

License

Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is".

Read more here: License

Credits

Trailer from Sintel by The Blender Foundation. Licensed under Creative Commons Attribution 3.0.

Icons made by Freepik from www.flaticon.com is licensed by CC BY 3.0

Misc

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest

© Codrops 2016

seatpreview's Issues

Angular JS Support

Is there any trick that we can do in order to integrate the plugin to Angular JS. Please let us know.
Thanks.

UX suggestions?

First, I LOVE this demo, it's so insightful and solves a real problem in an elegant way. My comment here is just to discuss possible improvements to the UX. I found the 180° button hard to use. One suggestion would be to to have the 'tilt' of the camera change based on the row the user picks, e.g. the closer they are to the screen, the more you'd tilt the camera upwards. This would make the entire experience work (a bit more) automatically without needing to use the 180° button at all.

Cube size and number

Can i increase the number of seats and number of cubes