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

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

一（yī）、案例介绍

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

二、活动形式

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

单（dān）人模（mó）式

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

多人模式(演示版本不支（zhī）持（chí）多人实（shí）时对战）

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

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

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

技术（shù）特（tè）征

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

形式亮点

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