Youku 优酷：马云广发英雄帖
案例：马云广发英雄帖
出品：Youku 优酷
亮点：
- 策划上，人脸识别+图片合成。加载完毕进入案例，首屏为马云主演的电影《功守道》的海报页，海报之上会出现演职人员名单，用户点击“开启英雄帖”按钮，进入图片生成部分。接着，用户需要输入名字，选择性别，并上传一张正面清晰照，再点击“与英雄会合”按钮。若识别成功，便能成功合成，而且还能从三种海报中选一种来生成英雄帖。若识别失败，则会提示“合体失败，请重新修炼”。生成的英雄帖可以长按保存，保存的图片中会有二维码，方便分享时别人进入。关闭英雄帖会弹出《功守道》海报，点击下方“看功守道完整版”会跳至优酷下载页。
- 设计上，海报的设计非常唬人。虽然在H5中，人物出现的动画效果非常简单，但若只从静态视觉上看，还是蛮震撼的，马云爸爸的身边，围绕着出演过功夫类或拳击类电影的各种大佬明星们，再配合功夫气息十足的背景音乐，如果不知道，以为点击按钮会开始玩某个武侠类游戏。海报的样式也很多样，跟马云爸爸合影的梦想，在这款H5中即可实现，并且能看到他向你投去佩服的目光。
- 体验上，功能很直接，操作很简洁。从脸部合成效果上看，虽然不是很完美，但拿去票圈炫耀还是够格的，毕竟只是娱乐。除此之外，不太适合上传戴着眼镜的照片，效果不是很好。
技术实现： Vue.js
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要30秒
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
