人民日报 x 国家航天局:我的星辰大海

2020-04-29 H5案例分享 H5案例分享
人民日报 x 国家航天局:我的星辰大海


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

识别图中二维码

我的星辰大海-查阅二维码

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


案例:我的星辰大海

品牌:人民日报 x 国家航天局

技术实现: SVG + TweenLite + html2canvas

亮点:

  1. 创意定位

人民日报与中国航天局联合出品,总结中国航天事业发展之路,历数曾经取得的成绩和进步。

 

  1. 策划逻辑

初始界面是一个太空人手持一架纸飞机,根据页面提示横屏锁屏,滑动屏幕浏览作品,纸飞机飞入宇宙,伴随界面的变化和展示,用文字叙述了从1956年国防部第五研究院成立起至2019年中国航天事业的步步发展,包括1960年T-7M火箭发射,1970年东方红一号卫星进入预定轨道等,到2019年长征四号已经成功发射卫星,用户一边浏览一边收集星星,浏览完毕后选择一颗星星生成星球海报,包括用户名,星球图案,给予用户的称谓及作品二维码,用户可重新选择星星,保存海报或分享作品。

 

  1. 音效上

激进昂扬的音乐,烘托中国在宇宙探索事业上步步高歌的辉煌成绩,也让用户在浏览时能激发内心对祖国未来发展的信心和自豪感。

 

  1. 交互上

用户跟随提示点击屏幕,收集星星,发射火箭,帮助空间站对接,不同的互动效果丰富了作品的趣味。





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

标签

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

相关推荐:

王者荣耀:云端筑梦师

央视财经X全民K歌:同唱一首歌 祝福新中国

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~