让这 9 个 H5 告诉你，双屏互动能有多炫酷！

现在一言不合就做H5，最好什么都用上。全景、重力感应、多点触控，对，一定得加上。一起来看看这10个【双屏互动】案例，相信一定会刷新你对“双屏互动H5”的看法！
双屏互动 x 创意H5 x 互动营销

（1）品客薯片：品客组队大战僵尸

全球占有率第一的薯片“品客”与腾讯旗下CF手游跨界合作，目标受众群很精准，爱吃薯片爱打游戏的年轻人。在内容上，高度还原了CF手游的游戏场景，连“左手瞄准”“右手扔雷”的基本操作方式也还原了，为H5的传播争取到相当一部分玩家，品客薯片则是作为手雷出现，桶装造型结合起这个创意很形象。在形式上，支持单人玩法和双人玩法，双人模式中一人负责装弹药（薯片），一人负责打怪。这种模拟第一人称的手游H5，虽然没有原生APP那么流畅，但做到这种程度已经相当不错了。

点击查看案例详情：http://www.digitaling.com/projects/19703.html

（2）KAPPA：天生一对

这个春联的H5在猴年春节特别火，创意来源于人们在过节中喜闻乐见的对春联活动，用双屏互动的形式展现出来，不可谓不创新。一部手机打开H5后，会出现二维码，让第二部手机扫描，策划上流程简单：首先第一部手机出上联，第二部手机在手机上出现的三幅对联选择一个对下联，接着第二部手机变成出上联方，第一部手机对下联，循环往复90秒，最后系统算出两人的般配程度。

点击查看案例详情：http://www.digitaling.com/projects/13724.html

（3）新华社：集齐双屏看媒体人的脑洞工厂

“国字头”H5本来就不多，更何况还是双屏互动H5，这值得仔细分析，说不定其中就潜藏着我国新媒体未来的趋势呢。新华社的这则H5旨在宣传由它发起的全媒平台。打开H5，就能看到邀请好友加入的明显提示，第二部手机扫描后，两机有一个同时关联服务器的内部操作，目的是保证动画播放同步性；在创意上，左屏是资讯者的一天，右屏是媒体人的一天，场景中还穿插了纸飞机飞过、人物奔跑等需要双屏配合的场景，视觉效果还是不错的。

（4）JuiceUp：你敢在办公室里变瘦吗？

不经常玩H5的朋友，可能会被这个调皮的H5“骗”到哦。选择“敢”，会有一个身材窈窕的女子出现，点击想瘦的位置，就能进入互动环节——和手机上的美女做运动，做完才有果汁喝。这里其实运用了重力感应，稍微动动手机就能激活屏幕下方的果汁，每完成一次，还有可爱的鼓励文爱为你加油。最后的分享环节以双屏互动进行，朋友扫码后要完成一个“倒果汁”的动作，才能完成分享，以活动价购得果汁。

（5）GIMC：更广阔的天空

其实这是个招聘的H5，没想到吧？以职场人加班加到想跳槽，黑心老板不让走为创意点，开启一段互动小游戏，可以单打独斗，也可以与老板约战，在规定的10s内，分别向上/向下滑动，系统会自动算分，最后会显示结果页面。整体来看，设计和交互都没问题，但就是场景有点怪，谁跳槽前会通知老板，还任性到再打一个手游再决定要不要走？

（6）宾利：巅峰之作，宾利添越SUV

宾利这次联手男人装又来刷存在感了。双屏互动的手机赛车游戏，启动页面后，选择车体颜色，就会弹出互动二维码，另一台手机扫描后，会先经过游戏介绍、选择场景等步骤，就能开始双车互飙，不停点击屏幕能加快行驶速度，从头到尾完全没有卡顿，体验已经和在电脑操作上基本无异，玩的很爽。

点击查看案例详情：http://www.digitaling.com/projects/19706.html

（7）动壹科技：ICE CAKE

双屏互动其实是个比较宽泛的概念，通过有线或无线的网络环境，让不同终端进行多媒体内容的传输、展示、交互，凡符合此类型都可以归为双屏互动。这个案例连接的是手机和电脑，链接先在电脑打开，会生成一个专属二维码和六位数字，在手机上扫描并验证后，倾斜手机就能将手机里的冰块倒在电脑中的杯子里。这里的原理是手机与网页连接后，数据通信通过监听手机的陀螺仪并将动作反馈给电脑。

（8）百度钱包：你眼中圣诞节最美的样子

由于双屏互动的场景延展性，所以经常被用在场景拼合，最常见的是运用到情人节的H5营销。百度钱包这个创意，通过第二台手机扫描二维码，可以看到晴天、雪天、雨天三种不同场景的拼合效果，流星跨屏、传递雨伞、男孩现身，所有的效果必须要用两台手机才能观看，单身如小编我，只能默默拿出了测试机。

（9）网易新闻：二分之一的生活

来自于网易的年终策划，虽然是鸡汤，但喝一碗还是挺补的，支持单机和双机两种方式观看。很喜欢这则H5的名字，“二分之一的生活”，把双屏的概念表达出来了，通过进一步观看，了解到是两个时代不同两代人的生活对比，上一代为了能分到房，这一代为了能在大城市里站稳脚跟，各自都在努力。采用手绘风的设计风格，符合目标对象的大众审美。

点击查看案例详情：http://www.digitaling.com/projects/16493.html