喜临门寝具&致格广告：炫跑吧!喜临门!

2016-08-15 H5案例分享 H5案例分享

案例：炫跑吧!喜临门!

出品：喜临门寝具&致格广告

亮点：

策划上，双屏互动游戏类，① 先选择游戏模式，是一个人玩还是两个人玩；② 若想一个人玩可点击首屏按钮“一个人看”，去体验炫跑旅程；若想两个人玩，可点击首屏按钮“两个人玩”，生成二维码，让两一个小伙伴进行扫码参与游戏，主要通过一个小伙伴，向左摇动手机，另一个小伙伴向右摇动手机，将炫跑画面联系起来；③跑完出现炫跑活动的时间，而后玩家可以去找到自己的城市，看看是哪位明星在你所在的城市等你，填写个人信息可立即参与报名。
设计上，采用蓝色作为主色调，黑色作为背景色，看起来相当炫酷。
技术上，双屏互动模式下摇动手机连接炫跑画面采用的是重力感应的摇一摇。
体验上，太慢了！ loading了好久才打开，打开其他页面还要loading；而且炫跑的页面虽然做的很炫很酷，可总是卡顿啊，无论是一个人玩还是两个人玩，体验都太不好了~

技术实现： jQuery

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

识别图中二维码

炫跑吧!喜临门!-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签