美图秀秀：吹牛皮挑战

2019-06-25 H5案例分享 H5案例分享

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

识别图中二维码

吹牛皮挑战-查阅二维码

完整欣赏此案例大约需要50秒

案例：吹牛皮挑战

品牌：美图秀秀

亮点：

1.策划上，以“现在的努力，是为了小时候吹过的牛皮”为概念，制作的小游戏+妆容H5。用户上传自拍照，即可开始挑战，猛戳屏幕同时向吹气即可吹鼓屏幕中的牛牛。挑战成功即可获得一张加上儿童节妆容照的奖状。

2.设计上，以卡通漫画风格为主，各个流程的交互提醒搞怪有趣。

3.技术上，结合美图秀秀的照片上妆技术。

4.交互上，以点击小游戏做出吹牛皮的动画，还在游戏过程中随机暴击出各种童年经典牛皮小彩蛋。

技术实现： zepto + Raven.js

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

标签