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

下（xià）面（miàn），我（wǒ）就（jiù）来给大（dà）家分享一（yī）下巴拉巴拉（lā）服装是怎（zěn）么通过跳一（yī）跳H5小游戏来开（kāi）展线上活动的。

一、案例介绍（shào）

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

二、活动形式

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

单人模式

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

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

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

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

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

技术特征

跳（tiào）一跳的动画（huà）小人（rén）采用的是3D效果（guǒ），而且一共有10个（gè）模型，所以加载起来非常的慢，很容易（yì）造成用户的（de）流失。而（ér）我们（men）开云手机站登录入口和蓝橙互动的（de）程序员为（wéi）了解（jiě）决这个（gè）问（wèn）题（tí），想尽各（gè）种（zhǒng）办法的（de）去压缩模型的大小（xiǎo），并选择了单个加载（zǎi）的形式，大大的降低用户选（xuǎn）择模型加载的时间，这是非（fēi）常难得的（de）一点。

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

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