网易新闻:探秘芒种

2019-06-08 H5案例分享 H5案例分享
网易新闻:探秘芒种


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

识别图中二维码

探秘芒种-查阅二维码

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


案例:探秘芒种

品牌:网易新闻

亮点:

1. 创意策划上

以中国的传统节日芒种为主题,讲述在这个节气里,农田和自然都发生的变化。

 

首先看到的是农田中收割的景象,一面切换到一颗稻草,提示用户滑动屏幕,当用户滑动后,一只螳螂破壳而出,通过一个水滴,滴落到螳螂身上,看到插秧的农民,画面再次切换,是蓝天,一只鵙鸟在空中滑过,点击鵙鸟,一颗果子落去瓶子,一个骑车人穿过绿野,看到一只百灵,点击百灵身边的三个气泡图案,下起雨,雨滴滴落水中,出现品牌,再次点击气泡,出现小知识点的轮播图(一共10张图),选择图案可以看轮播图中的答案,长按后,可以把轮播图生成知识小海报(是遮挡了答案的海报)。

 

2. 设计上

水墨画,细腻彩色风格。

 

3. 技术上

使用的是PixiJS实现,小编也很喜欢这个2D引擎,主要是性能好。

 

4. 交互上

横屏锁屏观看,支持横向反复查看。



技术实现: PixiJS



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

标签

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

相关推荐:

爱彼迎:爱彼迎

腾讯:曲水流觞:2018腾讯全球合作伙伴大会邀你共生未来

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~