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

下（xià）面，我就（jiù）来给大（dà）家分（fèn）享一（yī）下巴拉巴拉服装是怎么通过跳一跳H5小游（yóu）戏来开展线上活动的。

一、案（àn）例介绍

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

二、活动形式

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

单人模（mó）式（shì）

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

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

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

三、案例亮点（diǎn）：

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

技术特（tè）征

跳一跳的动画小人采用的（de）是3D效果，而且（qiě）一共有10个模型，所（suǒ）以加载起来（lái）非常的（de）慢，很容易（yì）造成用户的流失。而我（wǒ）们华亿平台_华亿和蓝橙（chéng）互动（dòng）的程序（xù）员为了解决这个问题，想尽各种办（bàn）法的去压（yā）缩模型的大小，并选择了（le）单个加载的形式，大大的降（jiàng）低用户选择模型加载的时间，这是非常难得的一点（diǎn）。

形式亮点

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