腾讯新闻:路过2017

2018-01-06 H5案例分享 H5案例分享
腾讯新闻:路过2017


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

识别图中二维码

路过2017-查阅二维码

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


案例:路过2017

出品:腾讯新闻

亮点:

  1. 策划上,以一个人骑车路过各个街道的形式,表现出2017年发生的各种社会现象和事件,包括茅台、比特币的价格飙升,电影芳华、战狼的大火,抵制乐天,疯狂排队买喜茶,江歌事件,孕妇跳楼事件,章莹颖被绑架,运输人员冒险开车,江歌案陈世峰判刑,程序员离婚后自杀,麦当劳改名,乐视欠款,中国有嘻哈,乌镇会议,海底捞不卫生,虐童,保姆纵火,共享单车乱停等。通过路过每个场景,以骑车人的角度,不断的发问。每个场景,还有关于对应事件的背景音。
  2. 设计上,漫画扁平风格。
  3. 体验上,纵向滑动屏幕,随着不断的向下浏览,展示不同的事件和背景音。



技术实现: pixi.js + Tween.js + Scroller.js + Animate.js



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

标签

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

相关推荐:

网易新闻:二零一七年娱乐圈画传

UC头条:UC头条年终策划

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~