情景互動(dòng)類的游戲之前也紅極一時(shí)，特別是那一款《隱形守護(hù)者》視頻互動(dòng)游戲，直接引爆全網(wǎng)，各大游戲主播也爭相嘗試。而情景類的H5游戲也有很多種類，下面小編就來給大家分享幾個(gè)情景互動(dòng)H5游戲案例吧，感興趣的伙伴可以體驗(yàn)一下。

案例：失蹤的小黃車

出品：北京拜克洛克科技有限公司

1、策劃上,這款h5是北京拜克洛克科技有限公司為旗下產(chǎn)品ofo小黃車所打造的一款宣傳h5，在這款h5中，分別以日常生活中常見的對小黃車不規(guī)范的操作導(dǎo)致的小黃車廢棄現(xiàn)象，這款h5以讓用戶修理廢棄的小黃車為游戲，并對成功修好者贈(zèng)送好人獎(jiǎng)?wù)?。主要是呼吁用戶能夠善待小黃車。

2、設(shè)計(jì)上，這是一款游戲類的h5，設(shè)計(jì)者通過設(shè)計(jì)小黃車常見現(xiàn)象，一可以借此作為小黃車的宣傳，二則可以呼吁用戶善待小黃車。

3、互動(dòng)上，這款h5需要通過用戶觸摸、點(diǎn)擊等操作去修理已經(jīng)廢棄掉的小黃車，與用戶之間有著很強(qiáng)的互動(dòng)性。

案例：Dr.魏的這波操作我賭你破解不了！

出品：超凡魔術(shù)師

1、策劃上，這是一款由《超凡魔術(shù)師》為宣傳本節(jié)目所打造的一款宣傳h5，在這款h5中，由Dr.魏與用戶之間進(jìn)行互動(dòng)向用戶展示魔術(shù)的奇妙，在最后在進(jìn)行宣傳《超凡魔術(shù)師》這款節(jié)目。

2、設(shè)計(jì)上，這是一款視頻類的h5，全款h5以Dr.魏的魔術(shù)過程作為全款h5的內(nèi)容。

3、技術(shù)上，這款h5運(yùn)用jQuery技術(shù)進(jìn)行全款h5的搭建過程，以Video插件技術(shù)進(jìn)行視頻類的播放。

案例：情人節(jié)謀殺案

品牌：億眾互動(dòng)

1、創(chuàng)意定位，偵探小游戲型H5。

2、策劃邏輯，整個(gè)H5主要分為三部分：

①Loading部分：黑色的背景，一個(gè)放大鏡在“真兇是誰？”幾個(gè)字上轉(zhuǎn)，下方是白色的加載數(shù)據(jù)，加載完成自動(dòng)進(jìn)入主頁，屏幕中自動(dòng)打字“這是以外的兇殺，還是精心策劃的謀殺，兇手究竟是誰？是他！還是她！是愛還是恨！不要錯(cuò)過任何一個(gè)析解！下面就交給你了！”點(diǎn)擊最下方的“開始”一探究竟。

②內(nèi)容部分：屏幕中出現(xiàn)一部手機(jī)，按照提示點(diǎn)擊手機(jī)，微信界面“小汪”給主角發(fā)的消息說是有人被殺了，發(fā)了些資料和地點(diǎn)給主角，這時(shí)候可點(diǎn)擊A、B兩種回答，接著根據(jù)提示進(jìn)入案發(fā)現(xiàn)場，找到六條關(guān)鍵信息，左上角顯示著收集了幾個(gè)線索，左下角是線索查看，每找出一個(gè)線索時(shí)，點(diǎn)擊收入線索囊，都收集全后會(huì)來信息說找到三名嫌疑人，讓你去調(diào)查，分別是死者妻子，死者債主，死者情人；分別點(diǎn)擊，隨著向下滑動(dòng)會(huì)出現(xiàn)根據(jù)他們所說的話回憶現(xiàn)場的小漫畫，到底后點(diǎn)擊“詢問”，得到答案后點(diǎn)擊返回。最后返回選擇界面右上角又來消息了，點(diǎn)擊“我已經(jīng)知道兇手是誰了！”，選擇兇手，其實(shí)是死者情人。選擇正確后請選擇一條關(guān)鍵信息指認(rèn)兇手，點(diǎn)擊確定。

③海報(bào)落地頁：顯示出你是什么作品里的那位人物，有這個(gè)人物的插圖和題詞，人物左下角是二維碼，下方是再玩一遍和分享好友，長按保存圖片。

3、設(shè)計(jì)上，黑白灰風(fēng)格的設(shè)計(jì)顯得十分沉穩(wěn)。

以上就是本次案例分享的全部內(nèi)容，如需定制類似的互動(dòng)H5游戲，可以聯(lián)系我們藍(lán)橙互動(dòng)為你提供專業(yè)技術(shù)支持，藍(lán)橙互動(dòng)專注H5定制開發(fā)長達(dá)7年，精通各類H5游戲制作流程，案例眾多，相信能夠滿足你的需求。

相關(guān)文章：《中秋節(jié)H5營銷方法推薦》