美年达:果然聚会玩 聚会神器

2018-01-25 H5案例分享 H5案例分享
美年达:果然聚会玩 聚会神器


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

识别图中二维码

果然聚会玩 聚会神器-查阅二维码

完整欣赏此案例大约需要4分钟


案例:果然聚会玩 聚会神器

出品:美年达

亮点:

  1. 策划上,动画展示+小游戏。Loading完毕进入案例,首屏一共有三段动画,展示聚会时“坑队友”的各种症状以及应对之策。第一段动画自动播放,展示症状之一“迟到”。第二段动画露出症状之二“刷手机”后,会暂停,并提示用户“继续看症状”,此时用户触摸屏幕会自动播放第二段动画。第三段动画方式相同,展示症状之三“总把自己当白吃”。

 

第三部分播放完,或者点击右下角的“嗨起来”按钮,会进入游戏选择部分,一共三个游戏,“迟到就得嘿嘿嘿”、“推倒请负责”和“今天谁白吃”,分别对应三个症状主题,游戏的选择可以通过左右滑动的方式切换,并选择按钮就可加载并开始游戏。

 

三个游戏都与聚会主题相关,“迟到就得嘿嘿嘿”是一款跳跃小游戏,用户按下按钮控制游戏角色的跳跃来躲避障碍物,按得越久跳得越远,碰到障碍物游戏结束,并提示用户接受惩罚,每个障碍物对应的惩罚规则都不同。若到达终点,则提示逃过惩罚。

 

“推倒请负责”是一款叠罐子游戏,用户需要点击屏幕,向下方的美年达瓶罐上,依次叠新的罐子,每点击一次叠一个,一人一罐。游戏带有小小的物理元素,就是如果叠偏了,则罐子会倒掉,游戏结束,提示惩罚规则。惩罚规则随机出现。

 

“今天谁白吃”是一款随机抽硬币的游戏,游戏会将一枚硬币放到美年达瓶子底部,并将桌面上的五个瓶罐顺序打乱,用户点击其中一个罐子即为抽取,没有抽中则换下一个人,抽中游戏结束,并提示抽中的人成为“今日白吃”,不用掏饭钱。

每个游戏结束后,弹出层都会有三个按钮。点击“换一个神器玩玩”返回游戏选择界面。点击“再给次机会”重新开始当前游戏。点击“邀好友来玩”提示分享。

 

  1. 设计上,卡通风格,画面超级可爱,也很精致。动画效果细腻又流畅,开头的动画就足以吸引人的眼球。整体细节和内容都很丰富,并且没有给人杂乱的感觉。动画展示部分暂停,出现继续提示时,画面也没有停下来,背景一直有动态的元素,保持画面的活力。

 

  1. 体验上,小五玩完后,感觉就是简单、轻松、愉快,同时还觉得很精致。画面清晰,动画流畅,游戏还很好玩,整体是个很不错的案例。不过在iPhoneX下,屏幕上下两边会出现黑条。如果案例能适配iPhone X的机型,那就更完美了。案例将美年达瓶罐作为重要的游戏元素完美地置入了游戏中,作为品牌露出的方式,丝毫没有给人生硬的感觉。



技术实现: AnnieJS(2d动画引擎)



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

标签

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

相关推荐:

美年达:林子大了,什么样的同桌都有

美年达:飞越神码乐园

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~