抖音：抖音不嗨心治愈所
案例：抖音不嗨心治愈所
出品：抖音
亮点：
- 策划上，动画合成。Loading完毕，显示“抖抖手机”，用户摇动手机后，来到抖音“不嗨心治愈所”，点击屏幕右下方按钮“我不嗨心”，进入下一页开始“治愈”。用户需要上传一张头像（最好是正面标准头像），若不想上传，也可以选择去画自己的头像。上传之后，头像会自动填充到画面中的人物身上，此时用户“抖抖手机”，即可将动画开启，“来首music，一秒变嗨~”，动画播放时，用户再次摇动手机可以换一首歌，查看别的抖音动画，如果“喜欢这首”，可以选择分享“我的嗨心，让别人看到”。
- 设计上，主色调还是抖音的经典薄荷绿和红的配色，画面中的人物也依旧是抖音式的表演，只不过变成了卡通形象，动作也超魔性。音乐很有节奏感，选用的都是抖音app中用户使用率很高的几首音乐。
- 体验上，每首歌的曲风和对应的画面色调都截然不同，这使得案例整体趣味性很高，再加上将用户上传的头像放入画面，又使用户有了参与感。分享部分也很人性化，好友点进来首先会看到分享者的作品，多少会提升一定的转发率。
技术实现： Cocos2d-JS + Zepto
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
