农小芒：小芒人变！变！变！

2016-07-01 H5案例分享 H5案例分享

案例：小芒人变！变！变！

出品：农小芒

亮点：

策划上，图片合成类。上传自己的美照之后，程序自动识别扫描脸部，然后合成变成一颗“芒果头”。最后页面可分享或跳转到“农小芒”系列的购物链接。
设计上，背景皆是白底，loading页面调皮可爱，照片上传页面设计干净利落，文案标题也颇有新意，按钮也是芒果形状，设计感十足。上传后识别不出照片会提示“请上传正确的照片”。“芒果头”种类也有很多种，可以尽情尝试！小编爱玩，偷偷告诉你，上传戴墨镜的正脸照片有惊喜哟！
技术上，图片上传使用了手机端相对比较好用的插件，那就是”megapix-image”，图像数据读取使用了“exif.js”。还使用了动画框架TweenMax。

技术实现： TweenMax(动画框架)

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

识别图中二维码

小芒人变！变！变！-查阅二维码

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

标签