车伯乐APP：探险斑马伯乐园

2017-06-15 H5案例分享 H5案例分享

案例：探险斑马伯乐园

出品：车伯乐APP

亮点：

策划上，寻宝小游戏，① 玩家运用自己的聪明才智，在“斑马伯乐园”内找到与汽车相关的零件，即有机会赢取特斯拉Model S免费1年使用权； ② 点击发现的零件，并按照提示完成任务即可获取，直到你获取全部的汽车零件；③ 每获取一个汽车零件，你就可以获得一个最终大奖的兑奖码；④ 也可以邀请好友下载并注册车伯乐APP，每成功邀请一个好友都可以获得一个兑奖码。
设计上，黑白漫画风格，画面主要采用手绘形式，想象力十分丰富，首页中的文案采用文字一个个出现的方式，仿佛打字一样，很有感觉。
技术上，里面的动画主要是采用的CSS3的animation，寻宝画面采用横向长图形式，滑到哪里，哪里的图片显现，但是总会有种卡顿的感觉。

技术实现： jQuery

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

识别图中二维码

探险斑马伯乐园-查阅二维码

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

标签