开云(中国)Kaiyun







    H5游戏制作
    H5游戏制作
    H5游戏(xì)制作
    H5案例(lì)
    H5开发
    扫一扫
    h5定(dìng)制
    h5定制

    回到顶(dǐng)部

    实战(zhàn)案例告(gào)诉(sù)你H5玩法有(yǒu)哪些?

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

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

     

    基(jī)于传感器(qì)

     

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

     

    陀(tuó)螺仪(yí)

     

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

     

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

     

    跳一跳H5


    GPS

     

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

     

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

     

    投票H5


    摄像(xiàng)头

     

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

     

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

     

    人脸融合H5


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

     

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

     

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

     

    电子(zǐ)印(yìn)章H5


    基于画面呈现

     

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

     

    动画视频

     

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

     

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

     

    H5微视(shì)频


    全景(jǐng)交互

     

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

     

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

     

    VR全景H5


    多屏互动

     

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

     

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

     

    大屏互动H5


    结语

     

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



    联系QQ:2899301896

    开云和蓝橙互动·致力于为(wéi)企业提供更高效的(de)开发(fā)服务

    开云(中国)Kaiyun

    开云(中国)Kaiyun