开云手机站登录入口-开云online(中国)


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

    回到顶部(bù)

    实战案例告(gào)诉你H5玩法有(yǒu)哪些(xiē)?

    H5游戏制作 2023年06月07日

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

     

    基于传(chuán)感(gǎn)器

     

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

     

    陀螺仪

     

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

     

    案例参考:这是由山东卫视为2023春节联欢晚会节(jiē)目单宣传推(tuī)出的创意H5游戏。游戏(xì)中的小兔子会自动(dòng)向上跳跃(yuè),需要用(yòng)户翻(fān)转手机来控制(zhì)跳(tiào)跃(yuè)的(de)方向,让(ràng)小兔子能不断线(xiàn)上(shàng)攀(pān)爬。

     

    跳一跳H5


    GPS

     

    借助GPS,可以让H5定位(wèi)用户(hù)所(suǒ)处的位置,为用户提供比(bǐ)较方(fāng)便的周(zhōu)边生(shēng)活服务,例如附(fù)近(jìn)餐饮信息,具(jù)有优惠活动的(de)门店(diàn),在指定位置进行打卡等。

     

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

     

    投票H5


    摄像头

     

    摄像头也是一个应用较多的传(chuán)感器,主(zhǔ)要是为用户上传图片提供一种便捷方式,例如(rú)人脸融合H5,用户可直(zhí)接拍照上传进行融合。

     

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

     

    人脸融合H5


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

     

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

     

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

     

    电子印章H5


    基(jī)于(yú)画面呈现

     

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

     

    动画(huà)视频

     

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

     

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

     

    H5微视频(pín)


    全景(jǐng)交(jiāo)互

     

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

     

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

     

    VR全景H5


    多屏互动

     

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

     

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

     

    大屏互动H5


    结语

     

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



    联系(xì)QQ:2899301896

    开云手机站登录入口和蓝橙互动·致力(lì)于为企业提(tí)供(gòng)更(gèng)高效的开发服务

    开云手机站登录入口-开云online(中国)

    开云手机站登录入口-开云online(中国)