H5案例|揭秘各大品牌的神秘万圣之H5小游戏

话说万圣节快到了，抢到了游乐园夜场的门票了吗?

诶，小编没有抢到，有一丝丝忧伤!

但是身为上知天文，下知地理的蓝橙互动小编当然要提前科普一下万圣节啦。让你出去玩可以吹吹牛。

万圣节又叫诸圣节，在每年的11月1日，是西方的传统节日；而万圣节前夜的10月31日是这个节日最热闹的时刻。在中文里，常常把万圣节前夜讹译为万圣节。

为庆祝万圣节的来临，小孩会装扮成各种可爱的鬼怪向逐家逐户地敲门，要求获得糖果，否则就会捣蛋。而同时传说这一晚，各种鬼怪也会装扮成小孩混入群众之中一起庆祝万圣节的来临，而人类为了让鬼怪更融洽才装扮成各种鬼怪。

你在万圣节想当什么鬼？学学这些玩性大发的品牌们吧，看看谁最会用微信H5来“装神弄鬼”！

案例：捞南瓜灯

出品：美团

亮点：

策划上，小游戏类，猴子来捞南瓜灯喽，点击“开启宝藏”，左右缓慢摇动手机让小猴子们手拉手变成一排最下面的小猴子就可以帮你捞南瓜灯啦。开启宝藏，登录美团账号，领取红包，还可去主会场逛逛哦~

设计上，可爱插画风格，以橘色作为主色调，小猴子和南瓜灯都萌萌哒，木牌上和树枝上缠绕的小亮灯，以及夜间城堡背景增添了万圣节的节日气息。

技术上，左右缓慢摇动手机帮小猴子捞南瓜灯是以html5的重力感应来实现的。

案例演示，请扫描以下二维码 ->

案例：万圣节之“鬼”迷“新俏”

出品：睿骋CC

亮点：

策划上，小游戏类。玩家先选择自己喜欢的颜色的车，而后通过手指移动屏幕下方的睿骋CC，在规定时间内（20S），接取上方糖果们及礼品盒子获取车型卖点，获得相应积分，若接到南瓜头则减分哦；

设计上，恐怖搞怪风格，采用橘红色作为主色调，黑色作为背景色，再配上南瓜灯雕刻的小恶魔和蝙蝠，营造了一种万圣节的恐怖搞怪气氛。

技术上，这支小游戏主要是采用Canvas + Egret（白鹭引擎）来实现的。

案例演示，请扫描以下二维码 ->

案例：见鬼了！！！

出品：FM广场

亮点：

卡通动画的形式进入游戏，点击屏幕抓住怪物

深蓝色的背景加上颜色鲜亮的图案彰显出万圣节的气息

鬼魂的介绍和位置的搭配紧密结合着宣传的主题，融合的非常好

案例演示，请扫描以下二维码 ->

案例：揭晓你的万圣节真身

出品：触宝小游戏

亮点：

策划上，游戏类。万圣节，城堡里灯火昏暗，小鬼出没，点击蜡烛进入城堡，碰到小鬼。在罗盘了输入你的姓名，然后拨动命运的轮盘，到你的生日，而后集中注意力看着水晶球，选择你再水晶球里最先看到的颜色，点击结果页揭晓你的万圣节真身。

设计上，恐怖风格，黑暗的城堡，昏暗的蜡烛，还有阴测测的巫婆，在配上恐怖的音乐。

技术上，闪烁的蜡烛动效采用的是gif动图；其他动画主要采用的是CSS3的animation。

案例演示，请扫描以下二维码 ->

以上四种玩法类型，你们学会了吗？更多精彩敬请关注【蓝城互动】公众号。