Discovery:为地球声援
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例:为地球声援
品牌:Discovery
技术实现: jQuery + TweenMax + createjs + engine3d
亮点:
- 创意定位
大自然的美妙之声已经被人类社会的声音覆盖,环境也被污染和破坏,吴青峰号召大家在四月二十二日,地球保护日这天制作自然乐曲,加入保护地球的阵营,一起守护我们共同的家园。
- 策划逻辑
作品主要有三个环节
①视频播放
实拍视频,开头是一双按在调音器上的手,镜头拉远,歌手吴青峰出现,伴随他的讲述,一些自然镜头呈现,包括水流,阳光,蛙鸣和猿啼,随后吴青峰表情发生变化,出现了森林大火,车流拥堵,垃圾密布的镜头,然后吴青峰面对镜头说出在地球守护日这天的环保倡导。
②乐器制作
用户可以360°旋转地球,选择一个要援助的地区,点击地区名会出现当地的生态问题描述与图片,用户进入歌曲制作页面,每个图标对应一种自然声音,随意点击图标让这些声音融入乐曲,下方有长度进度条。
③落地海报
完成篇章后即可生成海报,包括最后的音乐效果,用户头像和守护排名。用户可分享作品,或滑动海报填写个人信息参与抽奖。
- 设计上
深色调,配合真实的景物;视频中配合吴青峰一向给人以恬静少年的印象,表现大自然的镜头非常美好动人,生物,植物和自然风光。
- 交互上
制作音乐的小图标很多,用户会因为好奇而去多点按,聆听图标代表的自然声音类型,制作专属音乐的同时,也是一种听觉上的享受。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号