新利






      H5游戏制作
      H5游戏制作
      H5游戏制作
      H5案例
      H5开发
      扫一扫
      h5定制(zhì)
      h5定制(zhì)

      回到顶部

      实战案例告(gào)诉(sù)你(nǐ)H5玩法有哪些(xiē)?

      H5游戏制作 2023年06月07日

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

       

      基于传感器

       

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

       

      陀螺(luó)仪

       

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

       

      案例参考(kǎo):这是由山东卫视为(wéi)2023春节联欢晚(wǎn)会节目单宣传推(tuī)出的创意H5游戏。游戏中的小兔(tù)子(zǐ)会自动向上跳跃,需(xū)要用户翻转手机来控制(zhì)跳跃的方(fāng)向,让小兔子(zǐ)能不断线上攀爬。

       

      跳(tiào)一跳H5


      GPS

       

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

       

      案(àn)例(lì)参考:这是(shì)由雪花(huā)啤酒推出的“雪(xuě)花马(mǎ)尔斯绿啤酒·潮食(shí)派”商(shāng)家评选活(huó)动,由用户为喜爱(ài)的商家打榜助力,评选(xuǎn)出人气商(shāng)家。用户在投票时(shí)可查看商家门店与自己的位(wèi)置和距离,引(yǐn)导用户去线下消费。

       

      投票H5


      摄像头

       

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

       

      案例参(cān)考:这是(shì)为深圳世界文明浮雕墙宣传推出的人(rén)脸(liǎn)融(róng)合H5,用户(hù)可(kě)拍摄一(yī)张清晰(xī)正(zhèng)面照,再选择一个脸(liǎn)部浮雕(diāo)样式劲(jìn)融合,得到专属的浮雕(diāo)照片。

       

      人(rén)脸融合H5


      基于(yú)触摸屏操作

       

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

       

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

       

      电子印章H5


      基于画面呈现

       

      这类玩法一般(bān)就是展现一段比较酷炫有趣的画面内(nèi)容,如视频、动画、特效,给用户带来视觉上的(de)感官享受,用户也可以通过与画面内容(róng)互动,看自己想(xiǎng)看的内容(róng)。

       

      动画视频

       

      这类(lèi)H5会(huì)播放一段时间较长但有趣生动的视频或动画来吸引(yǐn)用户关(guān)注其宣传内容。由于视(shì)频内容比较生(shēng)动酷炫有趣(qù)味,以及(jí)常常(cháng)有明星参与(yǔ)演出,用户一般(bān)不会太抗拒这样的广告,反而会喜欢点赞(zàn),甚至主动向(xiàng)朋友(yǒu)分享。

       

      案例参(cān)考(kǎo):这是由中共河南省委宣传部(bù)以“决胜全(quán)面小康、决战脱贫攻(gōng)坚”为(wéi)主题推出(chū)的H5微视(shì)频,H5主(zhǔ)要包含(hán)四(sì)个板块:第一书记(jì)谈、乡村青(qīng)年说、脱贫群众(zhòng)讲、理论(lùn)达(dá)人话。每(měi)个板块分别围绕3个人物而展开,用户可依次浏(liú)览(lǎn)各个人物的信息介绍以(yǐ)及视频解(jiě)说。

       

      H5微视频


      全景交(jiāo)互

       

      全景交互(hù)指将(jiāng)用(yòng)户置于一个360度环绕的图片/视(shì)频(pín)环境下(xià)进行沉(chén)浸(jìn)式的体验,用户可(kě)以通过转(zhuǎn)动(dòng)手机或滑动屏幕来看这个环境里不同(tóng)角度的内容并进行(háng)交互。

       

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

       

      VR全(quán)景H5


      多屏(píng)互动(dòng)

       

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

       

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

       

      大屏(píng)互动(dòng)H5


      结(jié)语

       

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



      联(lián)系QQ:2899301896

      新利和蓝橙互动·致(zhì)力(lì)于为企业(yè)提供更高效(xiào)的开发服务(wù)

      新利

      新利