京东：一起猜鸡吧
案例：一起猜鸡吧
出品：京东
亮点：
- 策划上，看图猜词小游戏。载入完毕进入页面，点击“开始猜鸡”进入游戏。画面是一个模拟的绘图工具，系统会在中间的画布上，先后画出12只鸡，用户需要打开脑洞，猜猜这些都是什么鸡。选定白色文字框中的文字，点击“确认”，猜对了可以继续，猜错可以选择继续或“不猜了”，点击选定的文字可以进行修改，点击“提示”获取关键词。最后会根据答题给出结果，结尾页可以选择“邀TA来搞”或“再搞一次”，还能选择“抢购新机”跳转至京东2017春季数码专场页面。
- 设计上，手绘卡通风格，色彩亮丽，画风魔性。画布上的鸡，是由画画的动画效果逐渐出现的，形象与答案超符合，答案并不难，但也并不是一看就能猜出，也会需要思考一小下。小编看得出来，设计跟策划肯定是逗比哈哈哈。背景音乐有毒，结合这画面，玩了几遍后，感觉看谁都像鸡。
- 体验上，很轻量很流畅，玩起来非常舒服的一个案例，猜完还想玩，每幅画都能戳中笑点。小编在想，如果结尾加一个，用户画一只鸡，让下一个人猜是什么鸡，这样的环节，可能传播会更广。不过已经足够让人边捧腹边推荐朋友玩了。小编最后再说一句，背景音乐真的有毒。“小姐，你相机！”，“你丫才像鸡呢！”...
技术实现： Vivus.js + Zepto + Canvas
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
