不知从什么时候，神庙逃亡这款游戏出台后，立刻席卷中国，大部分年轻人都在玩这款游戏，同时也奠定了跑酷游戏的基础，再加上H5技术的融合，这跑酷游戏就更加多了起来。下面小编就来给大家分享两个跑酷H5游戏设计案例，看看这跑酷游戏和H5融合的效果怎么样。

案例一、蔚然花海

品牌：成都蔚然花海景区

1、创意背景

蔚然花海是成都市最大的花卉观光基地，也是“成都市乡村旅游50强”、成都市“最美赏花基地”、成都市音乐产业基地、四川省十大赏花旅游目的地、中国青少年国际营地、国家AAAA旅游景区。官方为了在当季向广大用户宣传花海，出品了这款趣味H5游戏，通过让用户玩游戏来收集卡片，最后合成的形式来抽奖，从而来达到品牌宣传的效果。

2、内容策划

点击进入H5即为首页，页面上方是大字的文字信息“蔚然花海 新年跑酷 在蔚然花海中奔跑收集卡片 即有机会获得奖品”简单介绍了H5活动的主要形式。点击下方可以查看活动的主要规则，还有我的卡包情况，点击开始进入游戏。游戏的主题形式为跑酷小游戏，在奔跑的过程中躲避障碍物，奔跑距离越远分数越高。在躲避的过程中需要收集卡片，收集齐蔚然花海四个字的卡片合成即可参与抽奖，每位玩家每天只有3次抽奖机会，游戏没有次数限制，活动期间只能中一次奖，好友之间可以进行卡片互换，赠送。

3、设计上

玩法设计上采用了H5小游戏设计和集卡的形式，设计上采用了卡通动画风格，配色上背景色选用了红色。玩法了除了经典的跑酷游戏以外，还巧妙的结合了实时的支付宝集五福类模式，通过集卡的形式能很好的引起用户的兴趣，再加上小游戏的玩法形式，H5活动整体在创意上十分出众，粉丝集聚效果很好，品牌宣传效果也极佳。

案例二、蓝精灵欢乐之旅

品牌：乐多港奥莱

1、创意背景

以小游戏的形式带入主题，线上线下相结合，借蓝精灵60周年，举办相关商场活动。

2、内容策划

先通过内嵌视频，带读者回忆动画片蓝精灵中的情景，之后便带领读者进入蓝精灵存进行“跑酷”游戏。用户需通过点击屏幕躲避障碍并且吃金币积分，积分达到一定数量便可去商场兑换勋章。

 3、设计上

整体采用与蓝精灵原版动画一致的元素，小游戏中也是卡通元素，整体画面色彩明艳活泼，这也是不足之处，画面过于花哨可能会导致重点不突出。

4、体验上

视频观赏起来很流畅，就是游戏的操作感不够灵敏，要想不碰到障碍还是小有难度。

体验完这两个案例，我们能够感受到其中的趣味性，并且也看到了品牌宣传信息，这就表示跑酷游戏与H5页面融合的非常完美，并且其开发价格并不会上升太多。所以想要设计跑酷H5游戏的伙伴可以下手了，直接咨询我们蓝橙客服，就能获得优质的H5定制开发服务。