让这 10 个 H5 告诉你,双屏互动还能有多酷炫

举报 2016-11-29

原标题:『双屏互动 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:天生一对

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:你敢在办公室里变瘦吗?

JuiceUp:你敢在办公室里变瘦吗?

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

扫描二维码,立即体验!
(数英网 App 用户需点击放大二维码后,长按识别)


双屏互动优秀H5 5

GIMC:更广阔的天空

GIMC:更广阔的天空

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

扫描二维码,立即体验!
(数英网 App 用户需点击放大二维码后,长按识别)


双屏互动优秀H5 6

宾利:巅峰之作,宾利添越SUV

宾利:巅峰之作,宾利添越SUV
点击查看案例详情:http://www.digitaling.com/projects/19706.html

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

扫描二维码,立即体验!
(数英网 App 用户需点击放大二维码后,长按识别)


双屏互动优秀H5 7

动壹科技:ICE CAKE

动壹科技: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) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    全部评论(2条)