美图秀秀：我和绘画机器人Andy作品展

2017-12-05 H5案例分享 H5案例分享

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

识别图中二维码

我和绘画机器人Andy作品展-查阅二维码

完整欣赏此案例大约需要1分钟

案例：我和绘画机器人Andy作品展

出品：美图秀秀

亮点：

策划上，人脸识别+图片处理。进入案例后，点击创建画廊按钮，会提示上传照片。上传一张正面、清晰的照片之后，系统会自动识别脸部，并合成很多张画作，放在画廊里。用户进入画廊后，通过360°转动手机，可以查看画廊。点击墙上的画作，可以放大查看画作，画之间也可以用左右按钮切换。除此之外，在画作中，还能留下评论哦。

点击画廊中的“Angelababy馆”可以进入另外一个画廊查看baby的画作。点击屏幕底部“邀请朋友参观”提示分享，点击“重建画廊”可以重新玩一次。

体验上，虽然最近有很多人脸识别的案例，但这支还是让小五眼前一亮。跟以往的案例不同，这支不光识别了脸部，还识别了身体部分，并将背景和整体色调，包括衣服的颜色等，做了替换处理，还处理成了多种不同的风格。每次上传不一样的照片，都会有惊喜感。案例还让脸王baby作为接待，吸引力给满分。除此之外，案例的品牌露出也没有太占地，没有给人造成反感的感觉。

技术实现： Zepto + Swiper + krpano.js

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

标签