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

下面（miàn），我就来给（gěi）大（dà）家分享一（yī）下（xià）巴拉巴拉服装是怎么通（tōng）过（guò）跳一跳H5小游戏来开展线上活动的。

一、案例介绍

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

二、活动形式

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

单人（rén）模式

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

多人（rén）模式(演示版本不（bú）支持多人实（shí）时对（duì）战）

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

三、案例亮点：

此H5亮点分为两部分：技（jì）术上和（hé）形式（shì）上，具体介（jiè）绍如下

技术特征

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

形式（shì）亮点（diǎn）

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