大（dà）家都知道微信跳一跳是小程序（xù）版本（běn）的，如果用（yòng）小程序来开发跳一跳游戏（xì）那还（hái）是比较简单，但肯定没办法上线的，毕（bì）竟微信团队肯定不会审核（hé）通过的，所以我们（men）才会选择用H5技术来（lái）做开发，因为H5是不用（yòng）审核的,是能保证上线（xiàn）的，但（dàn）开（kāi）发起（qǐ）来（lái）就（jiù）比较复杂了，虽是如此，但（dàn）是在蓝（lán）橙程序员（yuán）的不懈努（nǔ）力（lì）下，依然开（kāi）发除了H5版本（běn）的跳一（yī）跳游戏。

下面，我（wǒ）就来给大家分（fèn）享一下（xià）巴拉巴（bā）拉（lā）服装是怎么通过跳（tiào）一跳H5小游戏（xì）来（lái）开展线上活（huó）动的（de）。

一、案例（lì）介绍

巴拉巴拉（Balabala）是中国森马集团（tuán）于2002年创建的著名童装品牌（pái），2020年暑假期间，巴拉巴拉筹（chóu）划（huá）了“神兽（shòu）返校季·千（qiān）元免单邀你（nǐ）挑战”活动；在开学（xué）季前，以H5形式还原微信最经（jīng）典小游戏（xì）—跳一跳，宣传此（cǐ）活动。

二、活动形（xíng）式

进入到跳一跳H5游戏中，游戏（xì）的玩法相信大家都（dōu）很清楚，就是依靠操作小人蓄（xù）力跳跃进行游玩，跳到盒子上计1分，跳到盒子中间，则第1次2分，连续2次4分（fèn），连续3次6分，连续4次8分（fèn），以（yǐ）此类推，并且游戏是（shì）无限加分的，这是非常考验玩家技术的 。此次跳一跳（tiào）游戏有（yǒu）单人（rén）模式（shì）和多人模式(演（yǎn）示版本不支持多人实（shí）时对战）这（zhè）两种模式，所以玩家最终的得分（fèn）会（huì）被列入个人（rén）和团队的排行榜，排行榜按（àn）照（zhào）降序排列。因为单人模式和（hé）多（duō）人模式操作还有所（suǒ）不同，所以下（xià）面分给（gěi）大家（jiā）介（jiè）绍（shào）一下。

单人模式

用户进入到游（yóu）戏首页，点（diǎn）击（jī）“开始（shǐ）游（yóu）戏”就（jiù）进入（rù）到单人模式（shì）中，然（rán）后选择（zé）性别和小人（一共（gòng）有（yǒu）10个小人，男女各五个），就正式开始游戏了。游戏过程中，跳到盒子上面（miàn）会随机触发免单劵，优惠券（quàn）等各种奖励。个人赛最终（zhōng）排名第（dì）1-3名，则可获得香奈儿口红；第4-20名则获（huò）得balabala开学大（dà）礼包一（yī）份。Ps：游戏（xì）次数是有限制（zhì）的，每人每天只有三次游戏（xì）机（jī）会，但是可（kě）以通过（guò）邀请（qǐng）好友来增加游戏次（cì）数，这个（gè）是没有限制的。

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

虽然演示版本不支持多人实时对战，但我（wǒ）这边（biān）还是（shì）给大家讲下具体的玩法。用（yòng）户（hù）进（jìn）入到游（yóu）戏首页，点击“多人游戏”就进入到游戏模式中，然后还是选择性别和小人，选（xuǎn）择好了就创建房间，分（fèn）享给好友或者（zhě）是微信圈来邀请好友加入游戏，房间必须满四人才能开始游戏（xì），这（zhè）是大家需要注意的（de）。在多人（rén）游戏过程中，每次每人（rén）跳（tiào）一步，轮到（dào）谁跳（tiào），谁就开始（shǐ）跳；个人（rén）失（shī）败后，就只（zhī）能围观其他人（rén）战（zhàn）斗了；下（xià）一个人可以（yǐ）从失败（bài）位置继续（xù）开始（shǐ），看谁坚（jiān）持到跳到（dào）最后；游戏结束后，以（yǐ）跳的（de）次数先后排名（míng），是时候见证你的实（shí）力（lì）了。多人游（yóu）戏每人跳（tiào）步是（shì）有时间限制的，必须在指定的时间里进（jìn）入完成跳跃，否则表示失败。多人游戏（xì）不会随机触发（fā）奖（jiǎng）励，最有最后（hòu）的（de）排名（míng）奖：第1名（míng）2000元（yuán）免单劵，第2、3名（míng）1500元免单劵，第4、5名1500元免单劵。

三、案（àn）例亮（liàng）点：

此H5亮点（diǎn）分为两部分（fèn）：技术上和形式（shì）上，具体介绍如（rú）下

技（jì）术特征

跳一跳的动画小人采用的是3D效果（guǒ），而且（qiě）一共有10个模（mó）型，所以加（jiā）载起来非常的（de）慢，很容易造成用户的（de）流失。而我们开云官方端网站登录入口和蓝橙互动的程（chéng）序员为了解决（jué）这个问题，想尽各种办法的（de）去（qù）压缩模（mó）型的大（dà）小，并选择（zé）了单个加载（zǎi）的形式，大（dà）大（dà）的（de）降低用户选择模型加（jiā）载的时间（jiān），这是非常难（nán）得（dé）的（de）一点。

形式亮点（diǎn）

采用微信小（xiǎo）程序调用（yòng）H5的形（xíng）式，将活（huó）动与小程序会员系（xì）统融合（hé）；以发（fā）放会员优惠券的形（xíng）式，提升（shēng）销量；通过（guò）多人实时对战的（de）形式，达（dá）到（dào）拉新促（cù）活的效果!