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

下面，我（wǒ）就来给大家分（fèn）享一下（xià）巴拉巴拉服装是怎（zěn）么（me）通（tōng）过跳一跳H5小游戏来（lái）开（kāi）展线上活动的。

一、案例（lì）介绍

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

二、活动形（xíng）式

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

单人模式（shì）

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

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

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

三、案例（lì）亮点（diǎn）：

此H5亮点分为（wéi）两部（bù）分：技术上和形式上，具体介绍（shào）如（rú）下

技术特征

跳一跳（tiào）的动（dòng）画小人采用的是3D效果（guǒ），而（ér）且一共有10个模型，所以加载起来非常（cháng）的慢（màn），很容易造成用户的流失。而我们欧宝网官方站入口和蓝橙互动的程序员为了解决这个问（wèn）题，想尽各种办法的去（qù）压缩模型的（de）大小，并选择了单个加载的形式（shì），大（dà）大的降低用户选择模型加载的时间，这是（shì）非常（cháng）难得的一点。

形（xíng）式亮点

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