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

下面，我就来（lái）给大家分（fèn）享一下巴拉巴拉服装是怎么通过跳一跳H5小（xiǎo）游戏（xì）来开（kāi）展（zhǎn）线上活动（dòng）的（de）。

一、案例介（jiè）绍（shào）

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

二、活动（dòng）形式

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

单人模式

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

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

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

三、案例亮点：

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

技术特征

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

形式亮（liàng）点（diǎn）

采（cǎi）用微信小（xiǎo）程序调用H5的形式，将活动与小程序会员系统融合；以发放会（huì）员优惠券的形式，提升销量；通过多人（rén）实时对战（zhàn）的形式，达到拉（lā）新促（cù）活的效果!