大众点评:60秒,帮你摆脱朋友圈

2017-04-11 H5案例分享 H5案例分享
大众点评:60秒,帮你摆脱朋友圈

案例:60秒,帮你摆脱朋友圈

出品:大众点评

亮点:

  1. 策划上,小游戏。是男人就坚持60秒系列?只不过这次的坚持60秒,是坚持60秒不碰手机。进入页面点击屏幕下方按钮查看游戏规则,找一处桌面平放手机,然后60秒内对手机没有任何操作,即可“摆脱”成功。看似简单的游戏,你又是否能坚持到底呢?游戏过程中,点击屏幕,或者移动手机,都会导致游戏失败。成功后,结尾页可以点击“重看手机”重玩一遍,也可以点击“吃喝玩乐”跳转到大众点评触屏版或下载客户端,或点击“去见朋友”分享到朋友圈。

 

  1. 设计上,像素风格。黑色为背景色,全程除了最后露出的品牌Logo,其他元素均为不同深浅的灰色。屏幕下方是不断闪动的倒计时。背景被分成了很多层(行),游戏过程中,每一秒,这些层都会以不同速率和不同方向,水平移动。画面看上去就像是打散了一样,但会在某些特定的时刻,又会拼凑成另外的画面,效果看上去很不错。

 

  1. 体验上,其实如果你只是把它当做一个H5游戏来看,它会看上去非常无聊无趣,心里浮躁的时候会觉得这个完全没有任何意义,甚至会觉得它本身就是在浪费时间。但当你是在静下心来,反思自己的时候看它,你会发现过程中的毒鸡汤文案和结尾,还有画面,或多或少都会给你一些惊喜和思考。我们确实浪费了很多时间干了很多没有太大意义的事情,经常感叹物是人非,经常感叹朋友间的关系慢慢变淡,殊不知罪魁祸首就是我们自己。



技术实现: jQuery + CreateJS


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

识别图中二维码

60秒,帮你摆脱朋友圈-查阅二维码




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

标签

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

相关推荐:

美团点评 大众点评:乔衫直播

大众点评:阿惠故事3 吃饭不带五姨

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~