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

下面，我就（jiù）来给大家分享一下巴拉（lā）巴（bā）拉（lā）服装是怎么（me）通过跳（tiào）一跳H5小游戏来开展线上活动的。

一、案例介绍

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

二、活动形式（shì）

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

单人（rén）模式

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

多人（rén）模式(演示（shì）版（bǎn）本不支持（chí）多人实（shí）时对（duì）战）

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

三、案（àn）例亮点：

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

技术特征

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

形（xíng）式（shì）亮点

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