北京福田伽途：伽途ix7 至尊之旅

2016-09-20 H5案例分享 H5案例分享

案例：伽途ix7 至尊之旅

出品：北京福田伽途

亮点：

策划上，双屏互动游戏类，① 邀请身边好友用手机扫描生成的二维码，一同进入游戏；②本机操作者通过重力感应控制车辆前进方向，受邀扫描者通过长按高速、低速两个档位切换前进速度；③ 通过双机配合，驶过三个路段，收集“性能标识”越多，得分越高；④在游戏结果页还可填写个人信息进行预约试驾，点击“更多车型数据”可去查看更多北京福田伽途信息
设计上，科技风格，采用蓝色作为主色调
技术上，这支双屏互动的游戏是用Socket.IO来实现基于WebSocket的跨浏览器实时应用的，控制车辆前进方向采用的是html5的重力感应
体验上，这里用到的重力感应在安卓机下体验很不好

技术实现： jQuery + SocketIO

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

识别图中二维码

伽途ix7 至尊之旅-查阅二维码

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

标签