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

2016-08-12 H5案例分享 H5案例分享

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

出品：QQ阅读

亮点：

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

技术实现： Zepto + TweenMax + canvas

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

识别图中二维码

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

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

标签