开云官方端网站登录入口-开云(中国)







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

回到顶部

实战案例告诉(sù)你H5玩法有哪些?

H5游戏制作 2023年06月07日

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

 

基于传感器(qì)

 

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

 

陀螺仪

 

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

 

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

 

跳一跳H5


GPS

 

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

 

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

 

投票(piào)H5


摄像(xiàng)头

 

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

 

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

 

人脸融(róng)合H5


基于触摸(mō)屏(píng)操作

 

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

 

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

 

电子印章H5


基于画面呈现

 

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

 

动画视(shì)频

 

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

 

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

 

H5微视(shì)频


全景交互

 

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

 

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

 

VR全景H5


多屏互动

 

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

 

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

 

大屏互动H5


结语

 

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



联系QQ:2899301896

开云官方端网站登录入口和蓝橙互动·致力于为企(qǐ)业提(tí)供更高效的开发服(fú)务

开云官方端网站登录入口-开云(中国)

开云官方端网站登录入口-开云(中国)