完美







      H5游戏制作
      H5游(yóu)戏(xì)制作
      H5游戏制作(zuò)
      H5案例
      H5开发
      扫一扫
      h5定(dìng)制(zhì)
      h5定制(zhì)

      回到顶部

      实战案例告诉你H5玩法(fǎ)有(yǒu)哪些?

      H5游(yóu)戏制作 2023年(nián)06月07日

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

       

      基于传(chuán)感器(qì)

       

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

       

      陀螺仪

       

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

       

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

       

      跳(tiào)一跳H5


      GPS

       

      借助GPS,可以让H5定(dìng)位用户所处(chù)的位置,为(wéi)用(yòng)户提供比较方(fāng)便的周边生活服务(wù),例如附近餐(cān)饮信息,具有优惠活动的(de)门店,在指定位置进行(háng)打卡(kǎ)等。

       

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

       

      投票H5


      摄像头(tóu)

       

      摄像(xiàng)头也(yě)是一(yī)个应(yīng)用较多的传感器,主要是为用户(hù)上传图片(piàn)提供一(yī)种便捷方式(shì),例如人脸融合H5,用户可直(zhí)接拍照上(shàng)传进行融合。

       

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

       

      人脸融(róng)合H5


      基于触摸屏操(cāo)作

       

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

       

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

       

      电子印章H5


      基于画面呈现

       

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

       

      动画视(shì)频(pín)

       

      这类H5会(huì)播放一段时间较长但(dàn)有趣生动的视频(pín)或动画来吸引用户关注(zhù)其宣(xuān)传(chuán)内容(róng)。由于视频内容(róng)比较生(shēng)动酷炫有趣味,以及常常(cháng)有明(míng)星参与演出,用户一般不会太抗拒这(zhè)样的广(guǎng)告,反而(ér)会喜欢(huān)点赞,甚至主动向朋友分(fèn)享。

       

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

       

      H5微视频


      全景交互

       

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

       

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

       

      VR全景H5


      多屏互动

       

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

       

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

       

      大(dà)屏互动H5


      结语

       

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



      联(lián)系QQ:2899301896

      完美和蓝橙互动·致力于为企业提供更高(gāo)效的开发(fā)服务

      完美

      完美