跳一跳H5小游戲案例分享

大家都知道微信跳一跳是小程序版本的，如果用小程序來開發跳一跳游戲那還是比較簡單，但肯定沒辦法上線的，畢竟微信團隊肯定不會審核通過的，所以我們才會選擇用H5技術來做開發，因為H5是不用審核的,是能保證上線的，但開發起來就比較復雜了，雖是如此，但是在藍橙程序員的不懈努力下，依然開發除了H5版本的跳一跳游戲。

下面，我就來給大家分享一下巴拉巴拉服裝是怎么通過跳一跳H5小游戲來開展線上活動的。

一、案例介紹

巴拉巴拉（Balabala）是中國森馬集團于2002年創建的著名童裝品牌，2020年暑假期間，巴拉巴拉籌劃了“神獸返校季·千元免單邀你挑戰”活動；在開學季前，以H5形式還原微信最經典小游戲—跳一跳，宣傳此活動。

二、活動形式

進入到跳一跳H5游戲中，游戲的玩法相信大家都很清楚，就是依靠操作小人蓄力跳躍進行游玩，跳到盒子上計1分，跳到盒子中間，則第1次2分，連續2次4分，連續3次6分，連續4次8分，以此類推，并且游戲是無限加分的，這是非?？简炌婕壹夹g的?。此次跳一跳游戲有單人模式和多人模式(演示版本不支持多人實時對戰）這兩種模式，所以玩家最終的得分會被列入個人和團隊的排行榜，排行榜按照降序排列。因為單人模式和多人模式操作還有所不同，所以下面分給大家介紹一下。

單人模式

用戶進入到游戲首頁，點擊“開始游戲”就進入到單人模式中，然后選擇性別和小人（一共有10個小人，男女各五個），就正式開始游戲了。游戲過程中，跳到盒子上面會隨機觸發免單劵，優惠券等各種獎勵。個人賽最終排名第1-3名，則可獲得香奈兒口紅；第4-20名則獲得balabala開學大禮包一份。Ps：游戲次數是有限制的，每人每天只有三次游戲機會，但是可以通過邀請好友來增加游戲次數，這個是沒有限制的。

多人模式(演示版本不支持多人實時對戰）

雖然演示版本不支持多人實時對戰，但我這邊還是給大家講下具體的玩法。用戶進入到游戲首頁，點擊“多人游戲”就進入到游戲模式中，然后還是選擇性別和小人，選擇好了就創建房間，分享給好友或者是微信圈來邀請好友加入游戲，房間必須滿四人才能開始游戲，這是大家需要注意的。在多人游戲過程中，每次每人跳一步，輪到誰跳，誰就開始跳；個人失敗后，就只能圍觀其他人戰斗了；下一個人可以從失敗位置繼續開始，看誰堅持到跳到最后；游戲結束后，以跳的次數先后排名，是時候見證你的實力了。多人游戲每人跳步是有時間限制的，必須在指定的時間里進入完成跳躍，否則表示失敗。多人游戲不會隨機觸發獎勵，最有最后的排名獎：第1名2000元免單劵，第2、3名1500元免單劵，第4、5名1500元免單劵。

三、案例亮點：

此H5亮點分為兩部分：技術上和形式上，具體介紹如下

技術特征

跳一跳的動畫小人采用的是3D效果，而且一共有10個模型，所以加載起來非常的慢，很容易造成用戶的流失。而我們藍橙互動的程序員為了解決這個問題，想盡各種辦法的去壓縮模型的大小，并選擇了單個加載的形式，大大的降低用戶選擇模型加載的時間，這是非常難得的一點。

形式亮點

采用微信小程序調用H5的形式，將活動與小程序會員系統融合；以發放會員優惠券的形式，提升銷量；通過多人實時對戰的形式，達到拉新促活的效果!