美图秀秀:我和绘画机器人Andy作品展
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:我和绘画机器人Andy作品展
出品:美图秀秀
亮点:
- 策划上,人脸识别+图片处理。进入案例后,点击创建画廊按钮,会提示上传照片。上传一张正面、清晰的照片之后,系统会自动识别脸部,并合成很多张画作,放在画廊里。用户进入画廊后,通过360°转动手机,可以查看画廊。点击墙上的画作,可以放大查看画作,画之间也可以用左右按钮切换。除此之外,在画作中,还能留下评论哦。
点击画廊中的“Angelababy馆”可以进入另外一个画廊查看baby的画作。点击屏幕底部“邀请朋友参观”提示分享,点击“重建画廊”可以重新玩一次。
- 设计上,从刚进入案例,就觉得科技感十足。画廊本身以白色为主,突出了画作的色彩。音乐风格很轻松愉悦,与整体格调很搭配。
- 体验上,虽然最近有很多人脸识别的案例,但这支还是让小五眼前一亮。跟以往的案例不同,这支不光识别了脸部,还识别了身体部分,并将背景和整体色调,包括衣服的颜色等,做了替换处理,还处理成了多种不同的风格。每次上传不一样的照片,都会有惊喜感。案例还让脸王baby作为接待,吸引力给满分。除此之外,案例的品牌露出也没有太占地,没有给人造成反感的感觉。
技术实现: Zepto + Swiper + krpano.js
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号