讓這 10 個(gè) H5 告訴你，雙屏互動(dòng)還能有多酷炫
原標(biāo)題：『雙屏互動(dòng) x H5』總覺得雙屏H5是裝逼？只是你不知道還有這些玩法
數(shù)英用戶原創(chuàng)文章，轉(zhuǎn)載請(qǐng)聯(lián)系本人
現(xiàn)在一言不合就做H5，最好什么都用上。全景、重力感應(yīng)、多點(diǎn)觸控，對(duì)，一定得加上。那個(gè)逼格滿點(diǎn)的雙屏互動(dòng)，呃，雙屏互動(dòng)只能默默裝個(gè)逼。這個(gè)寶寶不服，扒了扒10個(gè)最新的【雙屏互動(dòng)】案例，相信一定會(huì)刷新你的想法的。
雙屏互動(dòng) x 創(chuàng)意H5 x 互動(dòng)營(yíng)銷
雙屏互動(dòng)優(yōu)秀H5 1
品客薯片：品客組隊(duì)大戰(zhàn)僵尸
點(diǎn)擊查看案例詳情：http://m.hygysj.cn/projects/19703.html
小編有話說：全球占有率第一的薯片“品客”與騰訊旗下CF手游跨界合作，目標(biāo)受眾群很精準(zhǔn)，愛吃薯片愛打游戲的年輕人。在內(nèi)容上，高度還原了CF手游的游戲場(chǎng)景，連“左手瞄準(zhǔn)”“右手扔雷”的基本操作方式也還原了，為H5的傳播爭(zhēng)取到相當(dāng)一部分玩家，品客薯片則是作為手雷出現(xiàn)，桶裝造型結(jié)合起這個(gè)創(chuàng)意很形象。在形式上，支持單人玩法和雙人玩法，雙人模式中一人負(fù)責(zé)裝彈藥（薯片），一人負(fù)責(zé)打怪。這種模擬第一人稱的手游H5，雖然沒有原生APP那么流暢，但做到這種程度已經(jīng)相當(dāng)不錯(cuò)了。
掃描二維碼，立即體驗(yàn)！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長(zhǎng)按識(shí)別）
雙屏互動(dòng)優(yōu)秀H5 2
KAPPA：天生一對(duì)
點(diǎn)擊查看案例詳情：http://m.hygysj.cn/projects/13724.html
小編有話說：這個(gè)春聯(lián)的H5在猴年春節(jié)特別火，創(chuàng)意來源于人們?cè)谶^節(jié)中喜聞樂見的對(duì)春聯(lián)活動(dòng)，用雙屏互動(dòng)的形式展現(xiàn)出來，不可謂不創(chuàng)新。一部手機(jī)打開H5后，會(huì)出現(xiàn)二維碼，讓第二部手機(jī)掃描，策劃上流程簡(jiǎn)單：首先第一部手機(jī)出上聯(lián)，第二部手機(jī)在手機(jī)上出現(xiàn)的三幅對(duì)聯(lián)選擇一個(gè)對(duì)下聯(lián)，接著第二部手機(jī)變成出上聯(lián)方，第一部手機(jī)對(duì)下聯(lián)，循環(huán)往復(fù)90秒，最后系統(tǒng)算出兩人的般配程度。
掃描二維碼，立即體驗(yàn)！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長(zhǎng)按識(shí)別）
雙屏互動(dòng)優(yōu)秀H5 3
新華社：集齊雙屏看媒體人的腦洞工廠
點(diǎn)擊查看案例詳情：http://m.hygysj.cn/projects/19705.html
小編有話說：“國(guó)字頭”H5本來就不多，更何況還是雙屏互動(dòng)H5，這值得仔細(xì)分析，說不定其中就潛藏著我國(guó)新媒體未來的趨勢(shì)呢。新華社的這則H5旨在宣傳由它發(fā)起的全媒平臺(tái)。打開H5，就能看到邀請(qǐng)好友加入的明顯提示，第二部手機(jī)掃描后，兩機(jī)有一個(gè)同時(shí)關(guān)聯(lián)服務(wù)器的內(nèi)部操作，目的是保證動(dòng)畫播放同步性；在創(chuàng)意上，左屏是資訊者的一天，右屏是媒體人的一天，場(chǎng)景中還穿插了紙飛機(jī)飛過、人物奔跑等需要雙屏配合的場(chǎng)景，視覺效果還是不錯(cuò)的。
掃描二維碼，立即體驗(yàn)！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長(zhǎng)按識(shí)別）
雙屏互動(dòng)優(yōu)秀H5 4
JuiceUp：你敢在辦公室里變瘦嗎？
小編有話說：不經(jīng)常玩H5的朋友，可能會(huì)被這個(gè)調(diào)皮的H5“騙”到哦。選擇“敢”，會(huì)有一個(gè)身材窈窕的女子出現(xiàn)，點(diǎn)擊想瘦的位置，就能進(jìn)入互動(dòng)環(huán)節(jié)——和手機(jī)上的美女做運(yùn)動(dòng)，做完才有果汁喝。這里其實(shí)運(yùn)用了重力感應(yīng)，稍微動(dòng)動(dòng)手機(jī)就能激活屏幕下方的果汁，每完成一次，還有可愛的鼓勵(lì)文愛為你加油。最后的分享環(huán)節(jié)以雙屏互動(dòng)進(jìn)行，朋友掃碼后要完成一個(gè)“倒果汁”的動(dòng)作，才能完成分享，以活動(dòng)價(jià)購(gòu)得果汁。
掃描二維碼，立即體驗(yàn)！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長(zhǎng)按識(shí)別）
雙屏互動(dòng)優(yōu)秀H5 5
GIMC：更廣闊的天空
小編有話說：其實(shí)這是個(gè)招聘的H5，沒想到吧？以職場(chǎng)人加班加到想跳槽，黑心老板不讓走為創(chuàng)意點(diǎn)，開啟一段互動(dòng)小游戲，可以單打獨(dú)斗，也可以與老板約戰(zhàn)，在規(guī)定的10s內(nèi)，分別向上/向下滑動(dòng)，系統(tǒng)會(huì)自動(dòng)算分，最后會(huì)顯示結(jié)果頁(yè)面。整體來看，設(shè)計(jì)和交互都沒問題，但就是場(chǎng)景有點(diǎn)怪，誰(shuí)跳槽前會(huì)通知老板，還任性到再打一個(gè)手游再?zèng)Q定要不要走？
掃描二維碼，立即體驗(yàn)！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長(zhǎng)按識(shí)別）
雙屏互動(dòng)優(yōu)秀H5 6
賓利：巔峰之作，賓利添越SUV
點(diǎn)擊查看案例詳情：http://m.hygysj.cn/projects/19706.html
小編有話說：自從上次的全景H5花了500萬(wàn)的新聞爆出后（真假待證實(shí)），賓利這次聯(lián)手男人裝又來刷存在感了。雙屏互動(dòng)的手機(jī)賽車游戲，啟動(dòng)頁(yè)面后，選擇車體顏色，就會(huì)彈出互動(dòng)二維碼，另一臺(tái)手機(jī)掃描后，會(huì)先經(jīng)過游戲介紹、選擇場(chǎng)景等步驟，就能開始雙車互飆，不停點(diǎn)擊屏幕能加快行駛速度，從頭到尾完全沒有卡頓，體驗(yàn)已經(jīng)和在電腦操作上基本無異，玩的很爽。
掃描二維碼，立即體驗(yàn)！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長(zhǎng)按識(shí)別）
雙屏互動(dòng)優(yōu)秀H5 7
動(dòng)壹科技：ICE CAKE
小編有話說：雙屏互動(dòng)其實(shí)是個(gè)比較寬泛的概念，通過有線或無線的網(wǎng)絡(luò)環(huán)境，讓不同終端進(jìn)行多媒體內(nèi)容的傳輸、展示、交互，凡符合此類型都可以歸為雙屏互動(dòng)。這個(gè)案例連接的是手機(jī)和電腦，鏈接先在電腦打開，會(huì)生成一個(gè)專屬二維碼和六位數(shù)字，在手機(jī)上掃描并驗(yàn)證后，傾斜手機(jī)就能將手機(jī)里的冰塊倒在電腦中的杯子里。這里的原理是手機(jī)與網(wǎng)頁(yè)連接后，數(shù)據(jù)通信通過監(jiān)聽手機(jī)的陀螺儀并將動(dòng)作反饋給電腦。
掃描二維碼，立即體驗(yàn)！
（二維碼已失效）
雙屏互動(dòng)優(yōu)秀H5 8
百度錢包：你眼中圣誕節(jié)最美的樣子
點(diǎn)擊查看案例詳情：http://m.hygysj.cn/projects/16501.html
小編有話說：由于雙屏互動(dòng)的場(chǎng)景延展性，所以經(jīng)常被用在場(chǎng)景拼合，最常見的是運(yùn)用到情人節(jié)的H5營(yíng)銷。百度錢包這個(gè)創(chuàng)意，通過第二臺(tái)手機(jī)掃描二維碼，可以看到晴天、雪天、雨天三種不同場(chǎng)景的拼合效果，流星跨屏、傳遞雨傘、男孩現(xiàn)身，所有的效果必須要用兩臺(tái)手機(jī)才能觀看，單身如小編我，只能默默拿出了測(cè)試機(jī)。
掃描二維碼，立即體驗(yàn)！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長(zhǎng)按識(shí)別）
雙屏互動(dòng)優(yōu)秀H5 9
網(wǎng)易新聞：二分之一的生活
點(diǎn)擊查看案例詳情：http://m.hygysj.cn/projects/16493.html
小編有話說：來自于網(wǎng)易的年終策劃，雖然是雞湯，但喝一碗還是挺補(bǔ)的，支持單機(jī)和雙機(jī)兩種方式觀看。很喜歡這則H5的名字，“二分之一的生活”，把雙屏的概念表達(dá)出來了，通過進(jìn)一步觀看，了解到是兩個(gè)時(shí)代不同兩代人的生活對(duì)比，上一代為了能分到房，這一代為了能在大城市里站穩(wěn)腳跟，各自都在努力。采用手繪風(fēng)的設(shè)計(jì)風(fēng)格，符合目標(biāo)對(duì)象的大眾審美。
掃描二維碼，立即體驗(yàn)！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長(zhǎng)按識(shí)別）
雙屏互動(dòng)優(yōu)秀H5 10
蒙牛：一滴奶，邂逅愛
小編有話說：這個(gè)H5好少女心，看一遍就蘇化了。第二臺(tái)手機(jī)掃碼后，兩部手機(jī)同時(shí)加載到100%時(shí)，會(huì)有搖一搖的提示，搖動(dòng)手機(jī)，放置在桌面，跳動(dòng)的音符會(huì)幻化成花瓣，從右邊的手機(jī)慢慢飛入左邊的屏幕，然后組成心形，一盒蒙牛就在畫面中央，整體感覺十分唯美?；ò瓴糠植捎昧薱anvas動(dòng)畫，素材上壓縮的很小，加載起來很流暢。
掃描二維碼，立即體驗(yàn)！
（數(shù)英網(wǎng) App 用戶需點(diǎn)擊放大二維碼后，長(zhǎng)按識(shí)別）
公眾號(hào)：拇指部落（微信ID：muzhibuluo）
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
全部評(píng)論（2條）