腾讯新闻:路过2017
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分
案例:路过2017
出品:腾讯新闻
亮点:
- 策划上,以一个人骑车路过各个街道的形式,表现出2017年发生的各种社会现象和事件,包括茅台、比特币的价格飙升,电影芳华、战狼的大火,抵制乐天,疯狂排队买喜茶,江歌事件,孕妇跳楼事件,章莹颖被绑架,运输人员冒险开车,江歌案陈世峰判刑,程序员离婚后自杀,麦当劳改名,乐视欠款,中国有嘻哈,乌镇会议,海底捞不卫生,虐童,保姆纵火,共享单车乱停等。通过路过每个场景,以骑车人的角度,不断的发问。每个场景,还有关于对应事件的背景音。
- 设计上,漫画扁平风格。
- 体验上,纵向滑动屏幕,随着不断的向下浏览,展示不同的事件和背景音。
技术实现: pixi.js + Tween.js + Scroller.js + Animate.js
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号