这是一款非常有创意的可进行 3D 预览的电影院座位选座系统特效。该选座特效可以查看电影院座位情况,哪个座位是空闲的,并且可以进入某个座位实时预览在该座位上观看电影的效果。当用户选择了一个座位之后,可以 3D 控制器来查看这个位置观看电影的效果,这是一个非常好的用户体验。如果用户感到满意,可以通过点击买票按钮直接购买该位置的电影票。该特效需要浏览器支持 transform-style: preserve-3d,由于 IE 浏览器不支持该属性,所以在 IE 浏览器中是看不到效果的。
刚开始的时候,在屏幕中只是显示一个电影的预览,和一些关于电影院座位的信息。
当用户点击了“选择一个座位”按钮之后,整个电影预览区域会被向后缩小,然后在右侧显示售票情况。
当用户选择了某个座位之后,电影预览被 3D 显示。
在屏幕中间的图标可以打开 3D 预览,点击它就可以使用鼠标来对整个电影院的情况进行 3D 预览。
原文地址:Cinema Seat Preview Experiment
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!