剑侠情缘：江湖人士频繁飙车为哪般？

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

案例：江湖人士频繁飙车为哪般？

出品：剑侠情缘

亮点：

策划上，魔性RAP类，① 有你的地方才是江湖，剑侠情缘强势来袭，但是已经没有时间给你解释了，快上车；② 老司机激动开唱，道出开心事，华山论剑，开顺风车赚钱；碰到一个俊小伙，暗器玩得溜，带他去华山，又碰到一位美女，夸老司机长得帅，老司机好开心，飙车带着他们上山顶喽；③ 到达山顶画面转到剑侠奇缘宣传结尾页，有你的地方才是江湖，快来剑侠奇缘。
设计上，漫画风格，老司机、俊小伙、美女三人的画风都是一脉相承的搞笑，再配上魔性的RAP说唱，生动有趣。
技术上，loading页飘飞的花瓣采用的是CSS3的animation；整个rap说唱动画都是采用的是html5的Video视频。

技术实现： jQuery + Video

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

识别图中二维码

江湖人士频繁飙车为哪般？-查阅二维码

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

标签