特步：火力全开_H5案例分享

特步：火力全开

2016-12-27 H5案例分享 H5案例分享

案例：火力全开

出品：特步

亮点：

策划上，重力感应游戏类，① 以小游戏的形式来围绕主题，活力全开！通过点击屏幕移动准镜收集火种，30秒内收集超过800即可过关；② 随后以摇动手机的方式，即可开启下一阶段的产品展示阶段；③ 明星汪东城作为产品展示的首页，通过下滑可进行翻页，点击可观看视频，或左右点击了解产品详情，喜欢还可即刻购买哦。
设计上，战火激情风格，采用黑色作为背景色，红色作为背景色，熊熊的火焰不断袭来，火星四射，紧张又刺激。
技术上，此游戏主要采用Canvas + html5的重力感应来实现的。

技术实现： Zepto + RequireJS

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

识别图中二维码

火力全开-查阅二维码

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