腾讯体育：热血冠军季

2017-06-09 H5案例分享 H5案例分享

案例：热血冠军季

出品：腾讯体育

制作：LPI北京

亮点：

策划上，视频 + 游戏类案例。加载完成后进入案例，案例开始以腾讯体育公众文章展示，给出题目“为了备战热血冠军季，这个大胡子又搞了一个秘密计划”，点击视频播放按钮开始观看视频，讲述每个人体内都有令人震惊的力量，快去测试吧。随后进行三个试验点燃热血，分别为“意念捕捉”，点击屏幕上闪现出的光影；“磁场追踪”，倾斜手机将圆体控制在磁场范围内；“急速裂变”，规定时间内迅速点击细胞加速细胞分裂。最后根据得分匹配与你最搭的篮球巨星，还可以查看全球热血指数排行，长按点燃热血，进入NBA季后赛半决赛阵容图，可以返回和跳转观看页面。
设计上，案例主题偏科技运动风格，整个画面以深蓝色为背景，突出前景内容，前景有自发光让整个画面充满科技感。
体验上，正是NBA季后赛杀的难分难解的时候，点燃热血，狠戳屏幕，探测你体内隐藏的巨星潜质，与腾讯体育见证本年度NBA总冠军诞生！

技术实现： Zepto + Video（视频）

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

识别图中二维码

热血冠军季-查阅二维码

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

标签