天猫：嘻哈电音趴

2017-10-20 H5案例分享 H5案例分享

案例：嘻哈电音趴

出品：天猫

亮点：

策划上，音乐类小游戏。Loading完毕进入页面，首屏点击“马上开趴”按钮显示玩法教程，点击“开始游戏”便可开始。游戏是要用户将手指移到画面中任何乐器上方的手指位置，当乐器上方的传送道传来光点时，根据节奏点击光点并得分，最后根据用户的成绩给出评价与排名。结尾页可以向上滑动屏幕查看歌词，也可以选择再玩一次或邀请好友一起哦。

设计上，蓝紫色作为主色调，整体营造了一个非常炫酷的电音派对氛围。游戏过程中的音乐是与“天猫双十一”相关的嘻哈歌曲，歌词“祝你双十一快乐”反复出现洗脑。音乐节奏感强烈，与游戏本身和整体视觉结合得都很棒。

体验上，虽然看到这个案例的时候，离双十一还有好些天，但小五已经感觉到了浓浓的气氛。案例的视觉和听觉效果都很抓人，再加上玩法很有趣，使案例有了粘性。不过作为强迫症患者的小五，还是想说一下，如果交互逻辑改为按下去的时候判断触摸，而不是抬起手的时候判断，体验可能会更好些，现在体验起来感觉有延迟，而这类节奏型的小游戏最怕的就是延迟；其次歌曲整体很不错，只是感觉长度稍微有点点长，应该让用户产生意犹未尽还想再玩的感觉，而小五第一次玩就觉得“哇怎么还木有结束…”。

技术实现： CreateJS + jQuery

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

识别图中二维码

嘻哈电音趴-查阅二维码

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

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

标签