百度理财：每天，你演多少个自己

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

案例：每天，你演多少个自己

出品：百度理财

亮点：

策划上，动画类，以一个人在雨天下班到回家这一系列活动过程为故事主线，在雨中看新闻，打车回家，到家做饭等事，引出不同阶段所需要的百度产品，百度新闻，百度地图，掌上TGP，最后引出百度理财，点击安心向前跳转页面后会有福利哦。
设计上，简洁漫画风格，以黑蓝色为主色调，整体画面背景基本上都是接近黑色的暗色调，只有不同阶段引出额百度产品是彩色的，极易突出重点。
技术上，整体动画的实现方式主要采用Canvas + Tween.js。

技术实现： jQuery + Canvas + TweenJs

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

识别图中二维码

每天，你演多少个自己-查阅二维码

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

标签