Mengniu蒙牛&盗墓笔记：用我一生换你十年天真无邪

2016-08-17 H5案例分享 H5案例分享

案例：用我一生换你十年天真无邪

出品：Mengniu蒙牛&盗墓笔记

亮点：

策划上，人脸识别+图片合成。载入完毕后，选择并确认角色，然后上传自己的照片，系统会识别出人脸与并用它替换选择角色的脸部，用户拖动调节亮度和对比度之后，点击“十年之约”进行图片合成，然后可以长按保存图片。最后页面能进行抽奖，也可邀请好友一起来玩。
设计上，手绘风格的盗墓笔记角色，背景为灰色纹路背景。背景音乐轻松愉悦，有种RPG游戏的bgm既听感，与画风也很协调。
体验上，识别蛮准确，不过识别过后用户不能拖动或放大缩小来微调位置，所以不免会有一些误差，不知道后续会不会改进。

技术实现： JavaScript

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

识别图中二维码

用我一生换你十年天真无邪-查阅二维码

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

标签