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

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

一（yī）、案例（lì）介绍

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

二、活动形式

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

单人模式

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

多（duō）人（rén）模式(演示版本（běn）不支持（chí）多人实时对（duì）战（zhàn））

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

三、案例亮点：

此H5亮点分（fèn）为（wéi）两（liǎng）部分：技术上和形式（shì）上，具体介（jiè）绍如（rú）下

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

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

形式亮点

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