QQ阅读:一看到《盗墓笔记》这个章节就着了魔!

2016-08-12 H5案例分享 H5案例分享
QQ阅读:一看到《盗墓笔记》这个章节就着了魔!

案例:一看到《盗墓笔记》这个章节就着了魔!

出品:QQ阅读

亮点:

  1. 策划上,冒险类闯关小游戏,第一屏是用QQ阅读看《盗墓笔记》的界面,1、下拉关灯,阅读器背景切换为黑色,一张恐怖的人脸伸出来(胆小勿入!),点击人脸消失,出现地面塌陷的动画效果,2、坠落到地下,将手机放平顺利通过险桥(重力感应),3、躲避旋转的飞刀,点击屏幕获取金子,4、点击按钮向屏幕吹气,出现棺木,滑屏,揭开棺木,出现干尸。最后从干尸的心脏里抛出QQ阅读。
  2. 交互上,点击、吹气、连续滑屏



技术实现: Zepto + TweenMax + canvas


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

识别图中二维码

一看到《盗墓笔记》这个章节就着了魔!-查阅二维码




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

标签

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

相关推荐:

爱奇艺:《老九门》四级考试

阅文集团:你还记得“它”的名字吗?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~