让这 10 个 H5 告诉你，双屏互动还能有多酷炫
原标题：『双屏互动 x H5』总觉得双屏H5是装逼？只是你不知道还有这些玩法
数英用户原创文章，转载请联系本人
现在一言不合就做H5，最好什么都用上。全景、重力感应、多点触控，对，一定得加上。那个逼格满点的双屏互动，呃，双屏互动只能默默装个逼。这个宝宝不服，扒了扒10个最新的【双屏互动】案例，相信一定会刷新你的想法的。
双屏互动 x 创意H5 x 互动营销
双屏互动优秀H5 1
品客薯片：品客组队大战僵尸
点击查看案例详情：http://www.digitaling.com/projects/19703.html
小编有话说：全球占有率第一的薯片“品客”与腾讯旗下CF手游跨界合作，目标受众群很精准，爱吃薯片爱打游戏的年轻人。在内容上，高度还原了CF手游的游戏场景，连“左手瞄准”“右手扔雷”的基本操作方式也还原了，为H5的传播争取到相当一部分玩家，品客薯片则是作为手雷出现，桶装造型结合起这个创意很形象。在形式上，支持单人玩法和双人玩法，双人模式中一人负责装弹药（薯片），一人负责打怪。这种模拟第一人称的手游H5，虽然没有原生APP那么流畅，但做到这种程度已经相当不错了。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
双屏互动优秀H5 2
KAPPA：天生一对
点击查看案例详情：http://www.digitaling.com/projects/13724.html
小编有话说：这个春联的H5在猴年春节特别火，创意来源于人们在过节中喜闻乐见的对春联活动，用双屏互动的形式展现出来，不可谓不创新。一部手机打开H5后，会出现二维码，让第二部手机扫描，策划上流程简单：首先第一部手机出上联，第二部手机在手机上出现的三幅对联选择一个对下联，接着第二部手机变成出上联方，第一部手机对下联，循环往复90秒，最后系统算出两人的般配程度。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
双屏互动优秀H5 3
新华社：集齐双屏看媒体人的脑洞工厂
点击查看案例详情：http://www.digitaling.com/projects/19705.html
小编有话说：“国字头”H5本来就不多，更何况还是双屏互动H5，这值得仔细分析，说不定其中就潜藏着我国新媒体未来的趋势呢。新华社的这则H5旨在宣传由它发起的全媒平台。打开H5，就能看到邀请好友加入的明显提示，第二部手机扫描后，两机有一个同时关联服务器的内部操作，目的是保证动画播放同步性；在创意上，左屏是资讯者的一天，右屏是媒体人的一天，场景中还穿插了纸飞机飞过、人物奔跑等需要双屏配合的场景，视觉效果还是不错的。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
双屏互动优秀H5 4
JuiceUp：你敢在办公室里变瘦吗？
小编有话说：不经常玩H5的朋友，可能会被这个调皮的H5“骗”到哦。选择“敢”，会有一个身材窈窕的女子出现，点击想瘦的位置，就能进入互动环节——和手机上的美女做运动，做完才有果汁喝。这里其实运用了重力感应，稍微动动手机就能激活屏幕下方的果汁，每完成一次，还有可爱的鼓励文爱为你加油。最后的分享环节以双屏互动进行，朋友扫码后要完成一个“倒果汁”的动作，才能完成分享，以活动价购得果汁。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
双屏互动优秀H5 5
GIMC：更广阔的天空
小编有话说：其实这是个招聘的H5，没想到吧？以职场人加班加到想跳槽，黑心老板不让走为创意点，开启一段互动小游戏，可以单打独斗，也可以与老板约战，在规定的10s内，分别向上/向下滑动，系统会自动算分，最后会显示结果页面。整体来看，设计和交互都没问题，但就是场景有点怪，谁跳槽前会通知老板，还任性到再打一个手游再决定要不要走？
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
双屏互动优秀H5 6
宾利：巅峰之作，宾利添越SUV
点击查看案例详情：http://www.digitaling.com/projects/19706.html
小编有话说：自从上次的全景H5花了500万的新闻爆出后（真假待证实），宾利这次联手男人装又来刷存在感了。双屏互动的手机赛车游戏，启动页面后，选择车体颜色，就会弹出互动二维码，另一台手机扫描后，会先经过游戏介绍、选择场景等步骤，就能开始双车互飙，不停点击屏幕能加快行驶速度，从头到尾完全没有卡顿，体验已经和在电脑操作上基本无异，玩的很爽。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
双屏互动优秀H5 7
动壹科技：ICE CAKE
小编有话说：双屏互动其实是个比较宽泛的概念，通过有线或无线的网络环境，让不同终端进行多媒体内容的传输、展示、交互，凡符合此类型都可以归为双屏互动。这个案例连接的是手机和电脑，链接先在电脑打开，会生成一个专属二维码和六位数字，在手机上扫描并验证后，倾斜手机就能将手机里的冰块倒在电脑中的杯子里。这里的原理是手机与网页连接后，数据通信通过监听手机的陀螺仪并将动作反馈给电脑。
扫描二维码，立即体验！
（二维码已失效）
双屏互动优秀H5 8
百度钱包：你眼中圣诞节最美的样子
点击查看案例详情：http://www.digitaling.com/projects/16501.html
小编有话说：由于双屏互动的场景延展性，所以经常被用在场景拼合，最常见的是运用到情人节的H5营销。百度钱包这个创意，通过第二台手机扫描二维码，可以看到晴天、雪天、雨天三种不同场景的拼合效果，流星跨屏、传递雨伞、男孩现身，所有的效果必须要用两台手机才能观看，单身如小编我，只能默默拿出了测试机。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
双屏互动优秀H5 9
网易新闻：二分之一的生活
点击查看案例详情：http://www.digitaling.com/projects/16493.html
小编有话说：来自于网易的年终策划，虽然是鸡汤，但喝一碗还是挺补的，支持单机和双机两种方式观看。很喜欢这则H5的名字，“二分之一的生活”，把双屏的概念表达出来了，通过进一步观看，了解到是两个时代不同两代人的生活对比，上一代为了能分到房，这一代为了能在大城市里站稳脚跟，各自都在努力。采用手绘风的设计风格，符合目标对象的大众审美。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
双屏互动优秀H5 10
蒙牛：一滴奶，邂逅爱
小编有话说：这个H5好少女心，看一遍就苏化了。第二台手机扫码后，两部手机同时加载到100%时，会有摇一摇的提示，摇动手机，放置在桌面，跳动的音符会幻化成花瓣，从右边的手机慢慢飞入左边的屏幕，然后组成心形，一盒蒙牛就在画面中央，整体感觉十分唯美。花瓣部分采用了canvas动画，素材上压缩的很小，加载起来很流畅。
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
公众号：拇指部落（微信ID：muzhibuluo）
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
参与评论
参与评论
推荐评论
全部评论（2条）