芒果TV:薛之谦离奇被困节目录制现场

2017-03-20 H5案例分享 H5案例分享
芒果TV:薛之谦离奇被困节目录制现场

案例:薛之谦离奇被困节目录制现场

出品:芒果TV

亮点:

  1. 策划上,交互视频+密室逃脱。进入页面,是模拟的芒果TV的APP界面上的,“芒果星闻”的文章,内容是“薛之谦离奇被困节目录制现场…”,点击播放按钮或屏幕任意处,场景切换到节目录制现场,用户需要拖动屏幕来寻找线索,通过手势放大、点击屏幕等操作查看或触发场景内的线索,收集足够线索,打开保险箱,即可成功解救薛之谦。结尾可以查看自己是第几位通关的人,还可以点击屏幕下方“抢现场试完机会”跳转外链。

 

  1. 设计上,在全景模式下查看真实场景,部分线索是高亮的。虽为密室逃脱,但画面并不是暗色调,而是在一个较亮的环境下。背景音乐充满神秘和紧张感,却不会给人压抑或恐惧的感觉。线索之间有关联,并且有重要线索出现时,薛之谦会在一旁唠叨,给你助威或嫌弃你。尤其是最后通关的夺命索吻,和传统的密室逃脱的紧张气氛完全违和,给人深刻印象。

 

  1. 体验上,整体上是个轻松愉快的密室逃脱,薛之谦演技虽然夸张,但并没有让小编心生厌恶或审美疲劳,反而更觉得他可爱。小编体验时,第一感觉就是拿它和风靡一时的《活口》作对比。小编认为,各有各的风格,《活口》给人的感觉是压抑、紧张,有点烧脑,是个很严肃的密室逃脱,而《薛之谦》这款则是轻松,无压力,是个略魔性的密室逃脱。案例中共设有13个视频,对应不同的线索发现。小编觉得有点不足的是,视频结束,到最后一页的过度,有点生硬和突兀,整个画风也不是很吻合。



技术实现: Krpano + jQuery + Video视频


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

薛之谦离奇被困节目录制现场-查阅二维码




以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

Dopemine:THE SAVE 活口

【密室逃脱类】H5案例大汇总(干货精选)——2016大合集第54波

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~