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

下面，我就来给（gěi）大家（jiā）分享一下巴（bā）拉巴拉服装是（shì）怎么通过（guò）跳一跳（tiào）H5小游戏来开（kāi）展线上（shàng）活动的。

一、案例介绍

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

二、活动形式（shì）

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

单人模式

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

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

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

三、案例（lì）亮点：

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

技（jì）术（shù）特征

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

形（xíng）式亮点

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