用H5技术还原跳一跳小游戏

大家都知道微信跳一跳是小程序版本的，如果用小程序来开发跳一跳游戏那还是比较简单，但肯定没办法上线的，毕竟微信团队肯定不会审核通过的，所以我们才会选择用H5技术来做开发，因为H5是不用审核的,是能保证上线的，但开发起来就比较复杂了，虽是如此，但是在蓝橙程序员的不懈努力下，依然开发除了H5版本的跳一跳游戏。

下面，我就来给大家分享一下巴拉巴拉服装是怎么通过跳一跳H5小游戏来开展线上活动的。

一、案例介绍

巴拉巴拉（Balabala）是中国森马集团于2002年创建的著名童装品牌，2020年暑假期间，巴拉巴拉筹划了“神兽返校季·千元免单邀你挑战”活动；在开学季前，以H5形式还原微信最经典小游戏—跳一跳，宣传此活动。

二、活动形式

进入到跳一跳H5游戏中，游戏的玩法相信大家都很清楚，就是依靠操作小人蓄力跳跃进行游玩，跳到盒子上计1分，跳到盒子中间，则第1次2分，连续2次4分，连续3次6分，连续4次8分，以此类推，并且游戏是无限加分的，这是非常考验玩家技术的 。此次跳一跳游戏有单人模式和多人模式(演示版本不支持多人实时对战）这两种模式，所以玩家最终的得分会被列入个人和团队的排行榜，排行榜按照降序排列。因为单人模式和多人模式操作还有所不同，所以下面分给大家介绍一下。

单人模式

用户进入到游戏首页，点击“开始游戏”就进入到单人模式中，然后选择性别和小人（一共有10个小人，男女各五个），就正式开始游戏了。游戏过程中，跳到盒子上面会随机触发免单劵，优惠券等各种奖励。个人赛最终排名第1-3名，则可获得香奈儿口红；第4-20名则获得balabala开学大礼包一份。Ps：游戏次数是有限制的，每人每天只有三次游戏机会，但是可以通过邀请好友来增加游戏次数，这个是没有限制的。

多人模式(演示版本不支持多人实时对战）

虽然演示版本不支持多人实时对战，但我这边还是给大家讲下具体的玩法。用户进入到游戏首页，点击“多人游戏”就进入到游戏模式中，然后还是选择性别和小人，选择好了就创建房间，分享给好友或者是微信圈来邀请好友加入游戏，房间必须满四人才能开始游戏，这是大家需要注意的。在多人游戏过程中，每次每人跳一步，轮到谁跳，谁就开始跳；个人失败后，就只能围观其他人战斗了；下一个人可以从失败位置继续开始，看谁坚持到跳到最后；游戏结束后，以跳的次数先后排名，是时候见证你的实力了。多人游戏每人跳步是有时间限制的，必须在指定的时间里进入完成跳跃，否则表示失败。多人游戏不会随机触发奖励，最有最后的排名奖：第1名2000元免单劵，第2、3名1500元免单劵，第4、5名1500元免单劵。

三、案例亮点：

此H5亮点分为两部分：技术上和形式上，具体介绍如下

技术特征

跳一跳的动画小人采用的是3D效果，而且一共有10个模型，所以加载起来非常的慢，很容易造成用户的流失。而我们蓝橙互动的程序员为了解决这个问题，想尽各种办法的去压缩模型的大小，并选择了单个加载的形式，大大的降低用户选择模型加载的时间，这是非常难得的一点。

形式亮点

采用微信小程序调用H5的形式，将活动与小程序会员系统融合；以发放会员优惠券的形式，提升销量；通过多人实时对战的形式，达到拉新促活的效果!