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

下面，我就来给大家分享（xiǎng）一下巴拉巴拉服装是怎（zěn）么（me）通过（guò）跳一跳H5小游戏（xì）来开展线上活动的。

一、案例介绍（shào）

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

二（èr）、活动形式

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

单人（rén）模式

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

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

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

三、案例亮点：

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

技（jì）术特（tè）征

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

形（xíng）式亮点

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