网易新闻+哒哒:眼瞎大冒险
案例:眼瞎大冒险
出品:网易新闻+哒哒
亮点:
- 策划上,考眼力小游戏。进入页面,是准备环节,分三个步骤:①画一只臭袜子;②画一点马赛克;③画一个自画像。过程中如果不满意可以点击重画。画完点击开始进入下一步。游戏内容是,在画面中找到屏幕下方列出的元素。游戏分两幕,每一幕需要找12个元素,但为了降低难度,每一幕找到5个元素即可。最后一页可以“晒出成绩”,或“喊人来虐”,也可以点击“再找找”返回前面的部分继续。
- 设计上,简笔画风格,画面视角很像清明上河图。每一幕除了特定的12个元素之外,很多元素都能点击触发音效,甚至是一些彩蛋事件,据说一共有100多个动效。虽然是简笔画风,但搭配上各种动效和元素音效,再加上古风的背景音乐,整体画面感和趣味性都非常强。
- 体验上,有一些是随便一点,就能点出来,感觉很惊喜很好玩。有些就是得耗眼力去找,找到之后会很有成就感。再有些是需要很大的脑洞,或者要从提供的信息中找到线索,这个成就感更强。感觉难易度把握的相当好,不会简单到感觉好无聊啊这么简单好没意思,也不会难到让那些强迫症患者(譬如小五)逼疯自己。在游戏过程中,还会看到在准备阶段画的东西,参与感十足。虽然感觉游戏的趣味性,可能会让用户忽视后面的“下载网易新闻客户端”,但这也并不妨碍它是一个很赞很好玩的H5。
技术实现: Hammer + jQuery + Swiper
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号