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

下面，我就来（lái）给大家分（fèn）享一下（xià）巴拉巴拉服装是怎么通过（guò）跳一（yī）跳H5小游（yóu）戏（xì）来开展（zhǎn）线上活动的。

一、案（àn）例介绍

巴（bā）拉巴拉（Balabala）是中国森马集团于2002年创（chuàng）建的著（zhe）名童装（zhuāng）品牌，2020年暑假期间，巴（bā）拉（lā）巴（bā）拉筹划了“神兽返校季·千元免单邀你（nǐ）挑（tiāo）战”活动；在开学（xué）季前，以H5形式还原微信最经典（diǎn）小（xiǎo）游戏—跳一跳，宣传（chuán）此活（huó）动。

二（èr）、活（huó）动形式（shì）

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

单人模式

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

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

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

三、案例亮点：

此H5亮点分（fèn）为两（liǎng）部分：技术（shù）上和（hé）形式上，具体介绍如下（xià）

技术特（tè）征

跳一（yī）跳（tiào）的（de）动画小（xiǎo）人（rén）采用的是3D效果（guǒ），而（ér）且一共有（yǒu）10个模型，所以加载起（qǐ）来非常的慢，很容易造成用（yòng）户的流失。而我们（men）开云和蓝橙（chéng）互动（dòng）的程序员为了解决（jué）这个（gè）问题，想（xiǎng）尽（jìn）各种办（bàn）法的去压缩模型的大小，并（bìng）选择（zé）了单个加载的（de）形式（shì），大大的降低用（yòng）户（hù）选（xuǎn）择模（mó）型加载的时间，这（zhè）是非常难得的一点。

形式亮（liàng）点

采用微信（xìn）小程序调用H5的形式，将活动与小程序会员系（xì）统融合；以发放会员优惠券的形（xíng）式（shì），提（tí）升销量；通（tōng）过多人实时对战的（de）形式，达（dá）到拉新促活的效果!