腾讯游戏：天赋是杀不死的
案例：天赋是杀不死的
出品：腾讯游戏
亮点：
- 策划上，视频。Loading完毕视频开始播放。视频讲述了“赛车手”韩寒开车时，接到“任务”，要求去接一位学生，这位学生也是韩寒。接到学生之后，在路上突然开始被追杀，此时又出现一个任务，要求接一位导演（也是韩寒）。视频大部分的时间都在展现开车和被追杀的画面，接到导演之后，继续前行，同时视频收尾。结尾页是主题海报，展示三个身份的韩寒。点击海报中间的播放键可以观看主题视频。在屏幕下方，点击“追杀韩寒”可以重新体验案例，点击“与寒同战”会跳转《使命召唤》活动页，可以“一键领取天赋礼包”。
- 设计上，视频故事采用类似黑白美漫的形式展现，而又跟以往的黑白漫画不同，在漫画格中，所有元素都是动态的，可以说是“黑白动画”，甚至有些场景还加上了3D的效果，超炫酷！Loading部分是一个赛车的时速表，指针在摇摆上升，中间是百分比，到达100%后，视频播放，镜头拉远直到车内，看见方向盘，过渡巧妙又自然。剧情设置也很棒，三个韩寒，分别对应韩寒的三个对外身份，“赛车手”、“作家”、“导演”，最后主题视频的“全民追杀”，也影射了韩寒饱受非议的经历和不屈服的态度。
- 体验上，视频长1分51秒，页面右上角有个非常人性化的按钮叫做“跳过”，但是炫酷的画面，加热血的剧情，小编并没有看够，真希望能再长一点。唯一觉得不足的，是点击海报上的播放键之后，播放的那个视频，在横屏时左半边有一部分被挡住，竖屏时上半边一部分被挡住，适配性并不好，不知道宝宝们是否也出现这个问题了？但总的来说，这俩视频做得都炒鸡棒，小编炒鸡喜欢！
技术实现： Swiper + CreateJS + Video(视频)
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
