腾讯：安踏_H5案例分享

腾讯：安踏

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

案例：安踏

出品：腾讯

亮点：

策划上，小游戏类，模仿手机应用界面，采用场景切换方式，主要分为三个维度，一：点击首页中的腾讯体育图标，即可进入到模拟腾讯体育手机应用界面，在界面里得知季后赛激战数据；二：由汤普森将篮球由腾讯体育投到腾讯新闻里，在腾讯新闻界面里进行投篮；三：投过的篮球滚到手机应用界面，再将滚到手机应用界面底部的篮球拖到微信里，在模拟的微信朋友圈里再次欣赏汤普森打篮球的英姿，在尾屏由汤普森打篮球自然而然的引出汤普森征战球鞋——安踏球鞋，巧妙地达到其宣传的目的
设计上，模仿手机应用、腾讯体育APP、腾讯新闻APP和微信的界面
交互上，主要采用点击+动画自动播放的形式
技术上，整体动画主要采用Canvas+JS

技术实现： Canvas + jQuery

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

识别图中二维码

安踏-查阅二维码

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