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

下面，我就来给大家分（fèn）享一下巴（bā）拉巴拉服装（zhuāng）是怎么通（tōng）过跳一跳H5小游戏来（lái）开（kāi）展线上活（huó）动的。

一、案例介绍（shào）

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

二、活（huó）动形式

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

单人（rén）模式

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

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

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

三、案例亮点：

此H5亮点分为两部分：技术上和形（xíng）式上，具体（tǐ）介绍如（rú）下（xià）

技术特征

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

形式亮点

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