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

下面，我就来给大家（jiā）分（fèn）享（xiǎng）一下巴拉巴拉服装（zhuāng）是怎么通过跳一跳H5小游戏来开展线上活动的（de）。

一、案例（lì）介绍

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

二、活动形式

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

单人模式（shì）

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

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

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

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

此H5亮点分为两部（bù）分：技术上和形（xíng）式上，具体介绍（shào）如下

技术特征

跳一跳的动画小（xiǎo）人采用的是3D效果，而且（qiě）一共有10个（gè）模（mó）型，所以加载起（qǐ）来非常的慢，很容易造成用户的流失。而（ér）我们球速体育和蓝橙互动的（de）程序员为了解决（jué）这个问题，想尽各种办法的去（qù）压缩（suō）模型（xíng）的（de）大小（xiǎo），并选择了单（dān）个加载的形式，大大的（de）降低（dī）用户（hù）选择模型加（jiā）载的时（shí）间，这（zhè）是非常难得的一（yī）点（diǎn）。

形式亮点

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