小程序开发和H5制作
小程序开发和H5制作
小程序开发和H5制作
小程序开发和H5制作
小程序开发和H5制作
扫一扫
小程序开发和H5制作
小程序开发和H5制作

回到顶部

跳一跳H5小游戏案例赏析

跳一跳H5小游戏 2021年07月14日


大家都知道微信跳一跳是小程序版本的,如果用小程序来开发跳一跳游戏那还是比较简单,但肯定没办法上线的,毕竟微信团队肯定不会审核通过的,所以我们才会选择用H5技术来做开发,因为H5是不用审核的,是能保证上线的,但开发起来就比较复杂了,虽是如此,但是在蓝橙程序员的不懈努力下,依然开发除了H5版本的跳一跳游戏。


下面,我就来给大家分享一下巴拉巴拉服装是怎么通过跳一跳H5小游戏来开展线上活动的。

 

一、案例介绍

 

巴拉巴拉(Balabala)是中国森马集团于2002年创建的著名童装品牌,2020年暑假期间,巴拉巴拉筹划了“神兽返校季·千元免单邀你挑战”活动;在开学季前,以H5形式还原微信最经典小游戏—跳一跳,宣传此活动。

 

二、活动形式

 

进入到跳一跳H5游戏中,游戏的玩法相信大家都很清楚,就是依靠操作小人蓄力跳跃进行游玩,跳到盒子上计1分,跳到盒子中间,则第1次2分,连续2次4分,连续3次6分,连续4次8分,以此类推,并且游戏是无限加分的,这是非常考验玩家技术的 。此次跳一跳游戏有单人模式和多人模式(演示版本不支持多人实时对战)这两种模式,所以玩家最终的得分会被列入个人和团队的排行榜,排行榜按照降序排列。因为单人模式和多人模式操作还有所不同,所以下面分给大家介绍一下。

 

单人模式

 

用户进入到游戏首页,点击“开始游戏”就进入到单人模式中,然后选择性别和小人(一共有10个小人,男女各五个),就正式开始游戏了。游戏过程中,跳到盒子上面会随机触发免单劵,优惠券等各种奖励。个人赛最终排名第1-3名,则可获得香奈儿口红;第4-20名则获得balabala开学大礼包一份。Ps:游戏次数是有限制的,每人每天只有三次游戏机会,但是可以通过邀请好友来增加游戏次数,这个是没有限制的。

 

多人模式(演示版本不支持多人实时对战)

 

虽然演示版本不支持多人实时对战,但我这边还是给大家讲下具体的玩法。用户进入到游戏首页,点击“多人游戏”就进入到游戏模式中,然后还是选择性别和小人,选择好了就创建房间,分享给好友或者是微信圈来邀请好友加入游戏,房间必须满四人才能开始游戏,这是大家需要注意的。在多人游戏过程中,每次每人跳一步,轮到谁跳,谁就开始跳;个人失败后,就只能围观其他人战斗了;下一个人可以从失败位置继续开始,看谁坚持到跳到最后;游戏结束后,以跳的次数先后排名,是时候见证你的实力了。多人游戏每人跳步是有时间限制的,必须在指定的时间里进入完成跳跃,否则表示失败。多人游戏不会随机触发奖励,最有最后的排名奖:第1名2000元免单劵,第2、3名1500元免单劵,第4、5名1500元免单劵。

 

三、案例亮点:


此H5亮点分为两部分:技术上和形式上,具体介绍如下

 

技术特征

 

跳一跳的动画小人采用的是3D效果,而且一共有10个模型,所以加载起来非常的慢,很容易造成用户的流失。而我们蓝橙互动的程序员为了解决这个问题,想尽各种办法的去压缩模型的大小,并选择了单个加载的形式,大大的降低用户选择模型加载的时间,这是非常难得的一点。

 

形式亮点

 

采用微信小程序调用H5的形式,将活动与小程序会员系统融合;以发放会员优惠券的形式,提升销量;通过多人实时对战的形式,达到拉新促活的效果!  


巴拉巴拉.png

跳一跳H5小游戏



更多服务:贵阳H5开发|长春H5定制|沈阳小程序开发|哈尔滨H5开发|昆明微信开发|青岛H5制作公司|杭州H5制作|南京H5定制|厦门H5开发|合肥H5制作公司|南昌H5制作|天津H5定制公司|西安H5游戏开发|郑州H5定制|石家庄H5制作|南宁H5制作|长沙H5开发|太原H5制作公司|三亚H5定制|H5案例分享

H5案例赏析

NEWS

让您了解更多关于H5案例信息

跳一跳H5小游戏案例赏析

大家都知道微信跳一跳是小程序版本的,如果用小程序来开发跳一跳游戏那还是比较简单,但肯定没办法上线的,毕竟微信团队肯定不会审核通过的,所以我们才会选择用H5技术来做开发,因为H5是不用审核的,是能保证上

2021年07月14日

城市宣传H5|伪3D+动画+趣味测试

“‘Panda成都’走世界”活动,系成都市人民政府外事侨务办公室打造的海外文化教育宣传品牌,旨在推广中华文化和天府文化。迄今为止,该活动走入了美国,意大利,新西兰,南非等五大洲近40个国家地区,受到

2021年07月14日

药品营销趣味宣传H5案例

药品企业在宣传力度上一直不如其他互联网行业,但同样也是有选择做线上营销的医药公司,比如我们莲花清瘟集团。下面小编就来给大家分享两个药品营销H5开发案例,大家参考借鉴一下。

2021年07月14日

长图DIYH5|雅兰家具-世界睡眠日H5

雅兰家具在3.21世界睡眠日出品了这款海报生成+DIYH5,通过“睡眠商店”这一话题来告诉用户睡眠的重要性,最终推出自己产品来吸引用户购买 。

2021年07月14日

文明行为公益宣传H5案例分享

为了参与创建第六届全国文明城市文明行为倡导活动,中共深圳市大棚区蔡涌工作委员会出品这款文明行为公益宣传H5。

2021年06月08日

壳牌周年庆H5制作案例欣赏

壳牌作为国内知名的加油站企业,受到很多用户的青睐,并且它们开发的会员营销体系也使很多用户感到方便,那么在壳牌会员2周年庆的日子里,他们也开展了会员回馈活动,以H5的形式展现。下面小编就带大家来体验一下

2021年06月07日

网店详情页设计如何引发用户消费

个网店的产品介绍如果没有详情页作为支撑,那么它在内容方面就会显得很空洞,如此一来,网店详情页转化率就会很低,所获取的流量也会逐步减少,倘若不能提高用户转化率,那么这家网店势必会被平台所淘汰。

2021年03月11日

微信小程序设计理念及功能需求

现在的互联网营销模式逐渐从PC端移动到了手机端,而随着手机端应用范围逐渐广泛,现在的智能手机上也有不少的APP和应用型小程序,那么您知道小程序与APP之间存在哪些区别吗?

2021年03月11日

企业如何通过官网设计提升用户体验

现在的企业,无论大、中、小,都会有属于自己的官方网站,这也从侧面反映出了官网设计这个行业竞争压力也是逐渐增加,因此,我们若是想要通过官网设计来吸引用户,首先就要从提升用户体验角度去出发,

2021年03月10日

平面设计公司如何寻找客户源

平面设计在当下应用是十分广泛的,如果您正在运营一家平面设计公司,那么您一定要知道如何为自己寻找客户源,这样您才能有成单的可能性。并且我们发现一些公司在遇到客户咨询的时候,总是很机械地回答客户,这也会导

2021年03月10日

企业官网设计如何推广企业品牌

企业做官网设计的目的就是为了推广自己的品牌,因此我们在设计的过程中,一定要将自己的产品合理展示在大众的视野中,这样能够让用户快速了解我们是做什么业务的,我们的产品是什么?

2021年03月09日

一款优秀的微官网设计费用是多少

微官网设计需要多少钱,这是很多客户在咨询网站设计公司时,都会询问的一个话题,但由于现在的网站设计公司在设计技术层面上是良莠不齐,规模大小不一,因此微官网设计所需的费用也是不一样的。

2021年03月05日