QQ×QQ黄脸:QQ黄脸好心情

2018-01-28 H5案例分享 H5案例分享
QQ×QQ黄脸:QQ黄脸好心情


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

识别图中二维码

QQ黄脸好心情-查阅二维码

完整欣赏此案例大约需要1分钟


案例:QQ黄脸好心情

出品:QQ×QQ黄脸

亮点:

  1. 策划上,视频类,进入后,显示不爽黄脸,点击“放出好心情”,进入与QQ黄脸好心情的QQ聊天页,连续多次点击屏幕,一个玻璃被打碎的效果出现,进入视频,视频内容为各种心情冲破束缚,进入城市街道,打败坏心情,最终占领腾讯大厦,品牌宣传给人眼前一亮的感觉。
  2. 设计上,使用3D动画,虚拟表情与实景街道结合,创意十足。
  3. 交互上,交互上使用点击,多次点击,出现玻璃碎裂的效果,视频开始。
  4. 技术上,使用js写QQ登录功能的api接口。



技术实现: Video+zepto.js+qqapi.js



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

标签

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

相关推荐:

QQ游戏:这段Freestyle,李白觉得很OK

腾讯:上手机QQ 贴表情

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~