腾讯游戏 & Pringles品客薯片：放开那个姑娘，让我来！

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

案例：放开那个姑娘，让我来！

出品：腾讯游戏 & Pringles品客薯片

亮点：

策划上，视频类，两种视频通过点击屏幕中央的按钮进行切换播放，① 松开按钮播放的是一个cosplay枪战王者里灵狐者的姑娘和一位男神击打曲子，并将枪战王者游戏，以及咔嚓一下，手枪上膛和Pringles品客薯片巧妙融入的视频；②按住按钮时，是纯色背景，一位姑娘与各类美食演绎的清新趣味画面，并在播放的过程中自然而然的过渡到coseplay灵狐者、手枪上膛和品客薯片；③ 想去体验一下枪战王者游戏可点击尾屏“下载游戏”；想了解更多枪战王者和品客薯片信息的可点击尾屏上的赛事中心、礼包中心、游戏中心
设计上，cosplay风格，采用橘红色作为主色调，美女与音乐、游戏、手枪、薯片有一种矛盾又充满激情的赶脚
交互上，按住屏幕中央的提示按钮即可切换另一种风格的视频
技术上，整体动画主要采用Video视频

技术实现： Zepto + Video

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

识别图中二维码

放开那个姑娘，让我来！-查阅二维码

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

标签