掌上生活：轮到2号发言了，我是一匹“铁预言家”

2018-01-15 H5案例分享 H5案例分享

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

识别图中二维码

轮到2号发言了，我是一匹“铁预言家”-查阅二维码

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

案例：轮到2号发言了，我是一匹“铁预言家”

出品：掌上生活

亮点：

策划上，图片识别类，这是为招商银行掌上生活宣传所打造的一款H5，在这款H5中，用户上传正脸图片，选择性别，便可随机生成适合用户的狼人杀身份卡片，此后可重新测试身份，也可以解锁更对技能，即为用户推荐相应的招商银行掌上生活产品，点击“开启掌上生活”，进行掌上银行的下载。
设计上，采用狼人杀游戏背景，恐怖的音乐，暗黑的背景，营造了压抑的氛围，让用户有一种刺激感。
交互上，可以上传图片，图片必须是正脸照片，其他的无法识别。
技术上，使用天天P图的人脸识别接口;swiper.js实现页面的触屏滑动特效。

技术实现： jQuery.js+swiper.js

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

标签