跳一跳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的形式,將活動與小程序會員系統融合;以發放會員優惠券的形式,提升銷量;通過多人實時對戰的形式,達到拉新促活的效果!

H5玩法創意資訊
NEWS
讓您了解更多關于H5玩法創意信息
測試H5|孕期知識宣傳H5活動
生娃是一個家庭最重要的事情,所以掌握一些科學生娃的知識是非常有必要的。為了讓人們更有效的了解到孕期相關的知識,天貓國際聯合三甲醫院出品了一款孕期知識宣傳H5活動!
2022年03月11日
宣傳節約用電的微信h5游戲方案
“節約用電,人人有責”這句口號想必大家都不陌生,但是從哪些地方可以節約用電,大家都不是很清楚,這就是標語宣傳的一個弊端了。為了提升節約用電的宣傳效果,加深人們對于節約用電知識的了解。下面,分享一個宣傳
2022年03月10日
好友默契測試H5游戲方案分享
好友默契測試游戲是可以讓用戶主動分享的一種活動形式,可以很快形成裂變傳播的效果,對于品牌的宣傳營銷是非常有效的。下面,藍橙小編就把一款好友默契測試H5游戲方案分享給大家,也讓各位小伙伴們找找活動的靈感
2022年03月09日
汽車促銷盲盒抽獎H5活動方案
每年的春節后到五一這個時間段,都是汽車銷售的淡季,所以開展宣傳營銷活動就成了汽車促銷的一種方式。當然,活動的形式多種多樣,今天要給大家說的就是長安汽車的盲盒抽獎H5活動方案。下面,就讓我們一起來看看吧
2022年03月08日
如何在世界杯開展微信營銷活動
2022年卡塔爾世界杯將于11月21日打響,作為大型的世界性質的體育賽事,毫無疑問會吸引到全世界足球迷關注度,自然也就成了許多品牌宣傳自身產品的好機會了。下面,我們通過三個世界杯H5案例來看看品牌們都
2022年03月07日
2022最新婦女節H5案例合集
?隨著移動互聯網的發展,商家的營銷宣傳方式越來越多,節日營銷活動也越來越多樣化,得到許多用戶的關注。婦女節就要到了,藍橙互動優秀H5案例賞析匯總,就給大家分享一些婦女節H5案例。
2022年03月07日
關于大運會|亞運會的H5案例分享
雖然冬奧會已經結束了,但是接下來的成都大運會、杭州亞運會,勢必又會掀起一波營銷熱潮。所以,藍橙小編在這里分享幾個運動會H5案例?給大家,為大運會、亞運會的策劃小伙伴提供一些思路。
2022年03月03日
銀行H5|數字人民幣線上推廣活動
數字人民幣是是由中國人民銀行發行的數字形式的法定貨幣,其作用和微信錢包和支付寶錢包一樣,是目前國內重點推行的個人電子錢包。為了推廣數字人民幣,中國農行和錦里聯合推出了“農行有禮,惠逛錦鯉”為主題的答題
2022年03月02日
微信公眾號認證步驟圖文詳解
用戶在微信中搜索公眾號時,常常能看到一些公眾號的名稱后帶有“v”的表示,這是代表該公眾號是被官方認證的,讓用戶能夠放心使用。除此之外,商家想要開展微信H5營銷活動,也需要微信認證之后才能夠進行的,所以
2022年02月25日