网易新闻+哒哒:眼瞎大冒险

2017-04-18 H5案例分享 H5案例分享
网易新闻+哒哒:眼瞎大冒险

案例:眼瞎大冒险

出品:网易新闻+哒哒

亮点:

  1. 策划上,考眼力小游戏。进入页面,是准备环节,分三个步骤:①画一只臭袜子;②画一点马赛克;③画一个自画像。过程中如果不满意可以点击重画。画完点击开始进入下一步。游戏内容是,在画面中找到屏幕下方列出的元素。游戏分两幕,每一幕需要找12个元素,但为了降低难度,每一幕找到5个元素即可。最后一页可以“晒出成绩”,或“喊人来虐”,也可以点击“再找找”返回前面的部分继续。

 

  1. 设计上,简笔画风格,画面视角很像清明上河图。每一幕除了特定的12个元素之外,很多元素都能点击触发音效,甚至是一些彩蛋事件,据说一共有100多个动效。虽然是简笔画风,但搭配上各种动效和元素音效,再加上古风的背景音乐,整体画面感和趣味性都非常强。

 

  1. 体验上,有一些是随便一点,就能点出来,感觉很惊喜很好玩。有些就是得耗眼力去找,找到之后会很有成就感。再有些是需要很大的脑洞,或者要从提供的信息中找到线索,这个成就感更强。感觉难易度把握的相当好,不会简单到感觉好无聊啊这么简单好没意思,也不会难到让那些强迫症患者(譬如小五)逼疯自己。在游戏过程中,还会看到在准备阶段画的东西,参与感十足。虽然感觉游戏的趣味性,可能会让用户忽视后面的“下载网易新闻客户端”,但这也并不妨碍它是一个很赞很好玩的H5。



技术实现: Hammer + jQuery + Swiper


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

识别图中二维码

眼瞎大冒险-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

【网易】H5案例大汇总(干货精选)——2017大合集第17波

网易哒哒&网易新闻:里约大冒险

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~