Discovery:为地球声援

2021-04-16 H5案例分享 H5案例分享
Discovery:为地球声援


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

识别图中二维码

为地球声援-查阅二维码

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


案例:为地球声援

品牌:Discovery

技术实现: jQuery + TweenMax + createjs + engine3d

亮点:

  1. 创意定位

大自然的美妙之声已经被人类社会的声音覆盖,环境也被污染和破坏,吴青峰号召大家在四月二十二日,地球保护日这天制作自然乐曲,加入保护地球的阵营,一起守护我们共同的家园。

 

  1. 策划逻辑

作品主要有三个环节

①视频播放

实拍视频,开头是一双按在调音器上的手,镜头拉远,歌手吴青峰出现,伴随他的讲述,一些自然镜头呈现,包括水流,阳光,蛙鸣和猿啼,随后吴青峰表情发生变化,出现了森林大火,车流拥堵,垃圾密布的镜头,然后吴青峰面对镜头说出在地球守护日这天的环保倡导。

 

②乐器制作

用户可以360°旋转地球,选择一个要援助的地区,点击地区名会出现当地的生态问题描述与图片,用户进入歌曲制作页面,每个图标对应一种自然声音,随意点击图标让这些声音融入乐曲,下方有长度进度条。

 

③落地海报

完成篇章后即可生成海报,包括最后的音乐效果,用户头像和守护排名。用户可分享作品,或滑动海报填写个人信息参与抽奖。

 

  1. 设计上

深色调,配合真实的景物;视频中配合吴青峰一向给人以恬静少年的印象,表现大自然的镜头非常美好动人,生物,植物和自然风光。

 

  1. 交互上

制作音乐的小图标很多,用户会因为好奇而去多点按,聆听图标代表的自然声音类型,制作专属音乐的同时,也是一种听觉上的享受。





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

标签

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

相关推荐:

新华社X科大讯飞:2025请回答

世界野生动植物日X企鹅爱地球X CWCA X野生救援:离开你,是最好的决定

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~