重力感应类H5案例分享

H5小游戏是一种非常火热的宣传推广方式，针对于不同的品牌宣传，可以选择的玩法各有不同。并且，现在智能手机普及率很高，可以利用手机上的传感器有陀螺仪、GPS、摄像头、麦克风、震动传感器、光线传感器、距离传感器等放心设计玩法。下面，蓝橙互动就给大家分享一些利用陀螺仪的重力感应类H5案例。

案例：乐事就酱工厂

品牌：乐事

1、创意定位

乐事推出的重力感应摇一摇类的H5，为宣传最新推出的活动，活动主要围绕乐事新品“沾沾薯”展开，这款蘸着酱吃的薯片，给我们带来了新的吃法。

2、内容体验

进入H5页面，首页标题是“乐事就酱工厂”，可以抽取盲盒，可以随机出现AirPods、100元京东E卡、UGG拖鞋等等，点击“开始制酱”按钮进行游戏。一共有六种酱（红茶橙、可乐、青梅、辣椒酱、花生酱、番茄酱）选择一个口味，在下方的三种薯片（番茄、原味、黄瓜）中选择一个。晃动手机制作酱，最后制作出新口味的沾沾酱薯片，长按可以保存，下方还有一个按钮“去抽奖”，跳转到乐事京东自营旗舰店官网。

3、设计策划

设计上，主色调为黄色，制酱方式使用摇一摇来制作。H5开发时使用adobe animate CC 制作动画，发布到js引擎可解析的文件，类似于Adobe ActoionScript的开发流程。

案例：悦享时光灰机

品牌：中国邮政储蓄银行

1、创意定位

中国邮政储蓄银行借中秋品牌宣传H5，首先聊了聊生活中的酸甜，而后通过小游戏的形式，扣题悦享时光灰机、悦享越有折（折扣的折），最后引导用户办理邮政储蓄信用卡。

2、内容体验

页面加载完毕后，先是一镜到底的叙事，提示向上滑动屏幕，讲述孩子、工作、恋爱等生活中的酸甜，然后进行重力感应的灰机游戏，提示用户在3款折纸飞机中选择出1款，点选后飞机被点亮，滑动后，提示用户“点击起飞”，并提示用户左右移动屏幕可以控制飞机方向，并生成一张飞行里程海报。重力感应的飞机游戏很丝滑，方向很好控制，游戏体验很好。

3、设计策划

采用卡通风格，背景为深蓝色的天空夜景，配合比较月亮的黄色等鲜亮的彩色；整体案例使用纸飞机贯穿两部分内容。

以上就是今天给大家分享的H5案例。这类基于传感器的H5小游戏拥有极高的交互性，能给用户带来很棒的游戏体验。