Tmall 天猫:天猫幻响电音节

2017-08-07 H5案例分享 H5案例分享
Tmall 天猫:天猫幻响电音节

案例:天猫幻响电音节

出品:Tmall 天猫

亮点:

  1. 策划上,音乐合成类H5,上海申迪国际音乐村电音狂欢活动宣传。Loading完毕便是一个很动感的画面,激情的电音,狂欢的人群,给人一种很兴奋的感觉。 接下来弹出画面“想要做DJ吗”,提示用户制作属于自己的15秒电音曲。此时点击“开始制作”进入新手教学部分,用户根据提示点触鼓点完成教学,并通过“旋律”、“节奏”、“音效”三个步骤,完成专属的REMIX。结尾页可以点击”闭目聆听“来播放合成的作品。

 

  1. 设计上,蓝紫色调为主,渲染出了一种狂欢的气氛,随着电音,进入其中,感受其中的激情与燥热。新手教学的设计也很人性化,即便没玩过此类游戏的用户,也能很快入手。每步设置了4个按钮,对应4个不同的旋律、节奏或音效,加上节奏由自己控制,自由度非常高,同时大大提升了用户的参与感和成就感。

 

  1. 体验上,画面效果感觉很潮很炫酷,玩法也很吸引人,小五很喜欢这类DIY音乐的H5。唯一小五觉得有点不足的,就是好作品制作门槛有点过高,如果只是想玩玩体验一下还好,但如果真想做个想分享给好友的作品,就需要用户自己将节奏点卡得非常准。虽然节奏交给用户自己显得自由度高,但是很难控制好,稍微有一点偏差,节奏点就不会在一起了,导致整体听上去鼓点错乱,效果并不是很好。



技术实现: Egret(白鹭引擎)



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

识别图中二维码

天猫幻响电音节-查阅二维码




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

标签

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

相关推荐:

网易:未来的网易

农夫山泉:维他命水 STYLE

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~