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

下面，我就来给（gěi）大家（jiā）分享一下巴拉巴拉服（fú）装是怎么通过跳（tiào）一跳H5小游戏来开展线上（shàng）活动的。

一、案（àn）例介绍

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

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

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

单（dān）人模式

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

多人模式（shì）(演示版本（běn）不（bú）支持多人实时对战）

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

三（sān）、案例亮点：

此H5亮点（diǎn）分为两（liǎng）部分：技术上（shàng）和形式上，具体（tǐ）介绍如下

技（jì）术（shù）特征

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

形式亮点

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