天天P图：圣诞必玩这款小游戏，秒懂女神变身大秘籍！
案例：圣诞必玩这款小游戏，秒懂女神变身大秘籍！
出品：天天P图
亮点：
- 策划上，小游戏+视频+P图类。
- 小游戏部分：进入页面，点击“即刻开找”开始游戏。游戏形式是“大家来找茬”，在屏幕左右两张图片中，找出4处不同，找到第三处的时候，模特会动一下，全部找完，模特推开另一半屏，此时帘幕拉起，并开始播放视频。
- 视频部分：视频内容是一位公主想给王子一个惊喜，王子去城堡接她。形式是左右两个视频拼接在一起，用户通过按下或松开屏幕下方的按钮进行切换播放，松开按钮时，播放的是“P图大法开启中”，公主泰然自若地化妆出门的故事线，按下按钮则播放“P图大法已关闭”，公主化妆失败，手足无措，被王子嫌弃并拉黑的故事线。最后总结：“女神与女神经之间，就差个天天P图”。
- 视频播放完毕进入P图部分：用户点击上传一张自拍，将正脸放在框内，确定上传，系统会把自拍P成圣诞小公举，用户可以发给小伙伴“炫耀一下”，或跳转“天天P图”下载页面。
- 设计上，小游戏部分从视觉到背景音乐，充满各类圣诞元素。模特是个穿着圣诞衣的美女，点击右半屏幕找出不同，过度部分有红色帘幕拉上和开启的效果，显得有始有终。视频部分点击按钮切换播放，一个为粉色明亮系，另一个则偏灰暗，对比非常明显。背景音乐随故事的不同而不同，与各自的气氛很搭配。P图部分则是梦幻可爱风格，粉色为主色调，等待时间不长。
- 体验上，内容丰富有趣，将三类H5合在了一起，满足了用户的“胃口”，画面音乐表现都很好，相信退出率也不会高。小编觉得美中不足的地方，是小游戏部分，只能点击屏幕右侧的图片来定位不同，并不能点击左侧，在没有说明的情况下，容易造成用户“懵比”：明明找到不同了，却报出“Wrong”。视频部分大小是16M，如果用户网络条件不是很好，视频便无法正常观看。排出这些，整体上是个很赞的H5。
技术实现： CreateJS + Zepto
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
