腾讯体育:热血冠军季

2017-06-09 H5案例分享 H5案例分享
腾讯体育:热血冠军季

案例:热血冠军季

出品:腾讯体育

制作:LPI北京

亮点:

  1. 策划上,视频 + 游戏类案例。加载完成后进入案例,案例开始以腾讯体育公众文章展示,给出题目“为了备战热血冠军季,这个大胡子又搞了一个秘密计划”,点击视频播放按钮开始观看视频,讲述每个人体内都有令人震惊的力量,快去测试吧。随后进行三个试验点燃热血,分别为“意念捕捉”,点击屏幕上闪现出的光影;“磁场追踪”,倾斜手机将圆体控制在磁场范围内;“急速裂变”,规定时间内迅速点击细胞加速细胞分裂。最后根据得分匹配与你最搭的篮球巨星,还可以查看全球热血指数排行,长按点燃热血,进入NBA季后赛半决赛阵容图,可以返回和跳转观看页面。

     

  2. 设计上,案例主题偏科技运动风格,整个画面以深蓝色为背景,突出前景内容,前景有自发光让整个画面充满科技感。

     

  3. 体验上,正是NBA季后赛杀的难分难解的时候,点燃热血,狠戳屏幕,探测你体内隐藏的巨星潜质,与腾讯体育见证本年度NBA总冠军诞生!



技术实现: Zepto + Video(视频)


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

识别图中二维码

热血冠军季-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

腾讯体育:2017特步企鹅派对跑

腾讯体育:少侠,送你一本棋谱

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~