奥迪：英雄对战_H5案例分享

奥迪：英雄对战

2016-05-26 H5案例分享 H5案例分享

案例：英雄对战

出品：奥迪

亮点：

策划上，双屏互动游戏类，主要分为两个维度，一：从美国队长和钢铁侠中选择一个角色开始战斗，当你选择钢铁侠时，可在屏幕中红色按钮蓄满火力后，瞄准美国队长进行炮击；二：当你选择美国队长时，点击公路两侧控制车辆，即可躲避钢铁侠的攻击；游戏结束时，若屏幕上方美国队长的血量用完，则钢铁侠获胜；若屏幕上方血量没有用完，则美国队长获胜，还可填写个人信息，预约试驾哦，旨在宣传全新奥迪Q7
设计上，整体色调偏暗，营造了一种紧张的战斗氛围，采用红蓝两色作为主色调，红色代表钢铁侠，蓝色代表美国队长
交互上，邀请好友扫码，开启对战模式，才能进入到游戏页面，需两人配合完成
技术上，首屏动画和游戏页主要采用Canvas＋TweenMax(动画框架) + CreateJS

技术实现： jQuery + TweenMax(动画框架) + CreateJS

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

识别图中二维码

英雄对战-查阅二维码

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