欧宝网官方站入口-欧宝(中国)




    H5游戏制作(zuò)
    H5游戏(xì)制作
    H5游戏制作
    H5案例
    H5开(kāi)发
    扫一扫
    h5定制
    h5定(dìng)制

    回到顶部

    实(shí)战案例告(gào)诉你H5玩法有哪些?

    H5游(yóu)戏制作 2023年06月(yuè)07日

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

     

    基(jī)于传感器

     

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

     

    陀螺仪

     

    这些传感器中被(bèi)H5应用(yòng)最多(duō)的应属(shǔ)陀(tuó)螺仪,让用户(hù)通过摇(yáo)一(yī)摇、重力感应等方(fāng)式来实现游戏操作控制、检查手机是(shì)否(fǒu)平躺/竖(shù)直(zhí)、VR全景图转换角度等。

     

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

     

    跳(tiào)一跳H5


    GPS

     

    借助GPS,可以让(ràng)H5定位用户所处的(de)位置,为用户提供(gòng)比较(jiào)方便的(de)周边生活服务,例如附近(jìn)餐饮信息,具有优惠活动的(de)门店(diàn),在指定(dìng)位置进行打卡等。

     

    案(àn)例参考:这是(shì)由(yóu)雪花啤酒推出(chū)的“雪花马尔斯绿(lǜ)啤酒·潮食派”商家评选活动,由用户为喜爱的商家打榜助力,评选出人气商家。用户(hù)在(zài)投票时可查(chá)看(kàn)商家门(mén)店(diàn)与(yǔ)自己的(de)位置和距离,引导用(yòng)户(hù)去线下消费。

     

    投票H5


    摄像头

     

    摄像头也是一(yī)个应用较多的传感(gǎn)器,主要(yào)是为用户(hù)上传图(tú)片提供一种便捷方式,例如人(rén)脸融合H5,用户可直接拍照(zhào)上传进行融合。

     

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

     

    人脸融合H5


    基于触摸屏操作

     

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

     

    案例参考(kǎo):这是由福(fú)特汽车为探(tàn)索之旅线下车展推出的活动指引H5,用户跟随指引(yǐn)前(qián)往(wǎng)制定区域,完成相(xiàng)关项目挑战,即可让(ràng)工作人员用电子(zǐ)印章盖(gài)章,收集点亮一定数(shù)量的电(diàn)子章,即可参与在线抽奖。

     

    电子(zǐ)印章H5


    基于画(huà)面(miàn)呈现

     

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

     

    动画视(shì)频

     

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

     

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

     

    H5微(wēi)视频


    全景交互

     

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

     

    案例参考:这是由沈阳(yáng)故(gù)宫博物(wù)馆推(tuī)出的VR全景H5,用户可直接在H5沉浸式浏览博物馆,切(qiē)换(huàn)各区域(yù)欣赏其中的藏品,详细领略瓷(cí)器的魅(mèi)力,感受中国传统制造业的蓬勃发展。

     

    VR全景H5


    多屏(píng)互(hù)动

     

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

     

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

     

    大屏互动H5


    结语

     

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



    联(lián)系QQ:2899301896

    欧宝网官方站入口和蓝橙互(hù)动·致力于为企业提供更高效的开发服务

    欧宝网官方站入口-欧宝(中国)

    欧宝网官方站入口-欧宝(中国)