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

下面，我就来（lái）给大家分（fèn）享一下巴拉巴拉服装是怎（zěn）么通过跳（tiào）一跳H5小游戏来开展（zhǎn）线上（shàng）活动的。

一、案例介绍

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

二、活（huó）动（dòng）形式

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

单人模式

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

多人模（mó）式(演示版本不支持（chí）多（duō）人实时对（duì）战）

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

三（sān）、案（àn）例亮点：

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

技术特征（zhēng）

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

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

采（cǎi）用（yòng）微信小程序调用H5的（de）形式（shì），将活（huó）动与小程序会员（yuán）系统融（róng）合；以（yǐ）发放会员优惠券的（de）形式，提升销（xiāo）量；通（tōng）过多人实时对战的形（xíng）式，达到拉新促活的效（xiào）果!