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

下面，我就来给大家分享一下巴拉巴拉（lā）服装（zhuāng）是（shì）怎么（me）通过跳（tiào）一跳H5小游戏来开展线上活动的。

一、案例介绍（shào）

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

二、活动形式

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

单（dān）人模式

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

多人模（mó）式(演示版（bǎn）本不支（zhī）持多人实时对战）

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

三、案（àn）例亮点：

此H5亮点分为两部分：技术上和形式上，具体介绍如下

技术特征

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

形式亮点

采用微（wēi）信小程（chéng）序调（diào）用H5的形式，将活动与小程（chéng）序会员系统融合；以发放（fàng）会员优惠券的形式，提升销量；通（tōng）过多人实时对战的形式（shì），达到拉新促活的效（xiào）果（guǒ）!