穿越火线：穿越火线，激爽过大年！

2017-03-22 H5案例分享 H5案例分享

案例：穿越火线，激爽过大年！

出品：穿越火线

亮点：

策划上，小游戏类案例。案例鸡年期间穿越火线推广活动。加载完成后进入小游戏页面，一只扒光鸡毛的公鸡被捆绑，周围放着“行刑”工具，用户可以选择三种方式对公鸡进行“鞭挞”，鞭子、电击棍、Ak-47机枪。不停的点击行刑工具，看看你最快能用多久让公鸡爽起来~
设计上，矢量插画的方式，画面用色一暖色系为主，各种冰冷的行刑也都偏暖，真是恰逢过年时节啊~造型上来说，无论是公鸡还是枪以及其他画面中出现的物件，都做的十分逼真，对公鸡行刑时的画面更是十分有趣。
体验上，通过不停的点击交互和画面的改变产生交互效果，同时记录时间，勾起读者的好胜心，使案例可以很好的展示完成。

技术实现： CSS3(Animation) + Canvas

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

识别图中二维码

穿越火线，激爽过大年！-查阅二维码

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

标签