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

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

一（yī）、案例（lì）介绍

巴拉巴拉（Balabala）是中国森（sēn）马集（jí）团（tuán）于（yú）2002年创建的著名童装（zhuāng）品牌，2020年暑（shǔ）假期间，巴拉巴（bā）拉筹（chóu）划了（le）“神（shén）兽返校季·千元免单邀你（nǐ）挑战”活动；在开学季前（qián），以H5形式（shì）还原（yuán）微信最经（jīng）典小（xiǎo）游（yóu）戏（xì）—跳一跳，宣（xuān）传此（cǐ）活动。

二、活动形式

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

单人模（mó）式

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

多人模（mó）式(演示版本不（bú）支持多人实时对战）

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

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

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

技术特（tè）征

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

形式亮点

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