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

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

一、案例（lì）介（jiè）绍

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

二、活动（dòng）形式

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

单人模式

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

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

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

三、案例亮点：

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

技术特（tè）征

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

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

采用（yòng）微信小程序调用H5的形式，将（jiāng）活动（dòng）与小程（chéng）序会员系统融合（hé）；以发放会员优惠券（quàn）的形式，提升销量；通过（guò）多人实时对（duì）战的形（xíng）式，达到（dào）拉新促活（huó）的效果!