BG大游(中国)唯一官方网站




H5游戏制作
H5游戏制作
H5游(yóu)戏制作
H5案例
H5开发
扫(sǎo)一扫(sǎo)
h5定制
h5定制

回到顶部(bù)

实战案例(lì)告诉你H5玩法有哪些?

H5游戏制作(zuò) 2023年06月07日

使(shǐ)用H5开展营销(xiāo)活动对于各大品(pǐn)牌来说,已经(jīng)成为(wéi)一件习以为(wéi)常的事情,不管是在线上还(hái)是线下(xià),都会优先考(kǎo)虑用H5与用(yòng)户(hù)互动(dòng)。不过H5的形式五(wǔ)花八门,又(yòu)没有一个固定的分类方式(shì),构思H5游(yóu)戏玩法就成为了令活动策划(huá)们最头疼事情。下面(miàn),BG大游和蓝橙(chéng)互(hù)动就以H5的能(néng)力(lì)入手(shǒu),用实战案例为大家分(fèn)享一下H5都有(yǒu)哪些玩法。

 

基于传感器

 

这(zhè)类玩法是依靠手(shǒu)机上的(de)传感器实现,主要(yào)包括陀螺仪、gps、摄像头、麦克风、震动传感器、光线传感器、距离传感器等。在设计玩法(fǎ)时,需(xū)要(yào)结合活动本身的(de)需求来选用相关的合适的传感器,能够提升用户(hù)体验同时实现(xiàn)品牌宣传需求,不能随意(yì)搭(dā)配或随(suí)意叠加多个传感(gǎn)器,避免画(huà)蛇添(tiān)足。

 

陀螺仪

 

这些传(chuán)感器中被H5应(yīng)用(yòng)最多(duō)的应属(shǔ)陀(tuó)螺(luó)仪,让用户通过摇一摇、重力感应等方式来实(shí)现游戏操作控制、检查手机是否平躺/竖直、VR全(quán)景图(tú)转换角度等(děng)。

 

案例参考:这是由山东卫(wèi)视为2023春节(jiē)联(lián)欢(huān)晚会节目单(dān)宣传(chuán)推(tuī)出的(de)创意H5游戏。游戏中的小兔(tù)子会(huì)自动向上跳跃,需要(yào)用户翻转手(shǒu)机来控制跳跃的方向,让小兔子(zǐ)能不断线上攀爬。

 

跳(tiào)一跳H5


GPS

 

借助GPS,可以让H5定位用(yòng)户所处的位(wèi)置(zhì),为用(yòng)户提供比(bǐ)较方便的周(zhōu)边生活服务,例如附近餐饮信息,具有优惠活动的门(mén)店,在指定位置(zhì)进(jìn)行打卡等(děng)。

 

案例(lì)参考:这是由雪花啤酒推出的“雪花马尔斯绿啤酒·潮(cháo)食派”商家评(píng)选活动,由用户为喜爱的商家打(dǎ)榜助力,评(píng)选(xuǎn)出(chū)人(rén)气(qì)商家。用户在投(tóu)票时可查看商家门店与自己的位置和距离,引导用户(hù)去线(xiàn)下消费。

 

投票H5


摄像头(tóu)

 

摄像头也是一个应用较多的(de)传感器,主要是为用(yòng)户上传图片提(tí)供一种(zhǒng)便(biàn)捷(jié)方式(shì),例如(rú)人脸融(róng)合H5,用户可直接拍照上(shàng)传进行(háng)融合。

 

案例参考:这(zhè)是(shì)为深圳世界文明浮(fú)雕墙宣传推出(chū)的人脸融合H5,用户可拍摄一张清晰正面(miàn)照,再选择一个脸(liǎn)部浮雕(diāo)样式劲融合,得到(dào)专属的(de)浮雕照片。

 

人(rén)脸(liǎn)融合H5


基于触摸屏操作

 

基于触摸屏操作有两种形式,一是手势操作,这个(gè)不必多说,这是每个H5都(dōu)会用到的(de)功能(néng),用户可通过点击、滑(huá)动、双指(zhǐ)放大等等(děng)手势操作中的一种或多(duō)种形式(shì),实(shí)现H5的(de)翻页、场景移动,页(yè)面放大、按钮触发(fā)等交互。第二种则是电子印章,是一种独立(lì)的H5玩法,交互流(liú)程与盖章一(yī)样(yàng),只不(bú)过这是在H5的相应页面进行盖章。

 

案例参考:这是由福特汽车为探索(suǒ)之(zhī)旅线下车展推出的活(huó)动指引H5,用户跟随指(zhǐ)引前往制定(dìng)区域(yù),完(wán)成相(xiàng)关项目挑战,即可让工作人员用电子印章盖(gài)章,收集(jí)点亮一定数量的(de)电子章,即可参与(yǔ)在线(xiàn)抽(chōu)奖。

 

电(diàn)子(zǐ)印章H5


基于画面呈现(xiàn)

 

这类玩法(fǎ)一般就是展现一(yī)段比较(jiào)酷炫(xuàn)有趣的画面内容,如视频、动画、特效,给用(yòng)户带来视觉上(shàng)的感(gǎn)官享受(shòu),用户也(yě)可以通过与画(huà)面内容(róng)互动,看自己(jǐ)想看的内容。

 

动画视频

 

这类H5会播放一(yī)段时间较长但(dàn)有趣生动的视(shì)频或动画来(lái)吸(xī)引用户关注其宣传(chuán)内容。由于视频内容比较(jiào)生(shēng)动(dòng)酷炫有趣味,以及常常有明星参与演出,用户一(yī)般不会(huì)太(tài)抗(kàng)拒这样的广告,反而会(huì)喜欢点赞,甚至主动向(xiàng)朋(péng)友分享。

 

案例参考:这(zhè)是(shì)由中共河南省委宣传部以“决胜全面(miàn)小康、决战脱贫攻(gōng)坚”为主题推(tuī)出的H5微视频(pín)H5主(zhǔ)要包(bāo)含四个板(bǎn)块:第一书(shū)记(jì)谈、乡(xiāng)村青年(nián)说、脱贫群众讲(jiǎng)、理论达人话。每个板块分别(bié)围绕3个人(rén)物而展开,用户可依次浏览各个(gè)人物的信息介绍以及视频解说(shuō)。

 

H5微视(shì)频


全(quán)景交互

 

全景交互指将用户(hù)置于一个(gè)360度环(huán)绕(rào)的图片/视频环境下进行沉(chén)浸式(shì)的体验,用户(hù)可以通过转动手机或滑动屏(píng)幕来(lái)看(kàn)这(zhè)个环(huán)境里(lǐ)不同(tóng)角度的(de)内容并进行交互。

 

案(àn)例参考:这是由沈阳故(gù)宫博物馆(guǎn)推出(chū)的VR全景(jǐng)H5,用户可(kě)直接在H5沉浸式浏览博物馆,切换各区域欣赏其中的(de)藏品(pǐn),详细领(lǐng)略瓷器的魅力,感受中国传统制造业的(de)蓬勃发展(zhǎn)。

 

VR全景(jǐng)H5


多屏互动

 

多(duō)屏互动是指多人共同(tóng)参(cān)与的活动,各(gè)自的(de)操(cāo)作会同时反应到其他屏幕上,一般由于线下的现(xiàn)场(chǎng)互动活(huó)动中,用户将(jiāng)自己的手机当成控制(zhì)器,用大屏幕来显示游戏互动画面。

 

案(àn)例(lì)参考:这是为党建知识(shí)科(kē)普而推出的大屏互动H5游戏,用户扫描即可参与(yǔ)游戏,进行多人答题活(huó)动,借此(cǐ)实现党建(jiàn)知识(shí)科普。H5分为双端,用户端将显示每一轮(lún)的题目及对错选项(xiàng),用户点(diǎn)击进(jìn)行答题。搭配端则会实时展示所有用户的作答(dá)情况,选择同一(yī)个选项的(de)在同一个方队,每轮倒计时(shí)结束时淘汰答错的用户,直到最(zuì)后一人获胜。

 

大屏互动(dòng)H5


结(jié)语

 

随着H5开发技术的(de)不(bú)断发展(zhǎn),H5的玩法也会越来(lái)越丰富(fù),特别是在基于触(chù)摸屏操作的(de)分类中,还包含(hán)着有许多常规的类型,这里(lǐ)就(jiù)不一一(yī)介(jiè)绍了。虽然这里(lǐ)按H5中的功能需(xū)求划分(fèn)了三个种类,但每个种类间或多(duō)或少都(dōu)有(yǒu)联系,只是(shì)侧重不同,所适用的活(huó)动场景(jǐng)有(yǒu)所不同(tóng),在(zài)构(gòu)思H5玩法时,根(gēn)据(jù)活动需求选择(zé)一个(gè)核心形式进行展开即可,只要不影响品牌(pái)宣传与用户体验就行(háng)。



联(lián)系(xì)QQ:2899301896

BG大游和蓝橙互动·致力于为企(qǐ)业提供(gòng)更(gèng)高效(xiào)的(de)开发服务

BG大游(中国)唯一官方网站

BG大游(中国)唯一官方网站