美年达:果然聚会玩 聚会神器
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要4分钟
案例:果然聚会玩 聚会神器
出品:美年达
亮点:
- 策划上,动画展示+小游戏。Loading完毕进入案例,首屏一共有三段动画,展示聚会时“坑队友”的各种症状以及应对之策。第一段动画自动播放,展示症状之一“迟到”。第二段动画露出症状之二“刷手机”后,会暂停,并提示用户“继续看症状”,此时用户触摸屏幕会自动播放第二段动画。第三段动画方式相同,展示症状之三“总把自己当白吃”。
第三部分播放完,或者点击右下角的“嗨起来”按钮,会进入游戏选择部分,一共三个游戏,“迟到就得嘿嘿嘿”、“推倒请负责”和“今天谁白吃”,分别对应三个症状主题,游戏的选择可以通过左右滑动的方式切换,并选择按钮就可加载并开始游戏。
三个游戏都与聚会主题相关,“迟到就得嘿嘿嘿”是一款跳跃小游戏,用户按下按钮控制游戏角色的跳跃来躲避障碍物,按得越久跳得越远,碰到障碍物游戏结束,并提示用户接受惩罚,每个障碍物对应的惩罚规则都不同。若到达终点,则提示逃过惩罚。
“推倒请负责”是一款叠罐子游戏,用户需要点击屏幕,向下方的美年达瓶罐上,依次叠新的罐子,每点击一次叠一个,一人一罐。游戏带有小小的物理元素,就是如果叠偏了,则罐子会倒掉,游戏结束,提示惩罚规则。惩罚规则随机出现。
“今天谁白吃”是一款随机抽硬币的游戏,游戏会将一枚硬币放到美年达瓶子底部,并将桌面上的五个瓶罐顺序打乱,用户点击其中一个罐子即为抽取,没有抽中则换下一个人,抽中游戏结束,并提示抽中的人成为“今日白吃”,不用掏饭钱。
每个游戏结束后,弹出层都会有三个按钮。点击“换一个神器玩玩”返回游戏选择界面。点击“再给次机会”重新开始当前游戏。点击“邀好友来玩”提示分享。
- 设计上,卡通风格,画面超级可爱,也很精致。动画效果细腻又流畅,开头的动画就足以吸引人的眼球。整体细节和内容都很丰富,并且没有给人杂乱的感觉。动画展示部分暂停,出现继续提示时,画面也没有停下来,背景一直有动态的元素,保持画面的活力。
- 体验上,小五玩完后,感觉就是简单、轻松、愉快,同时还觉得很精致。画面清晰,动画流畅,游戏还很好玩,整体是个很不错的案例。不过在iPhoneX下,屏幕上下两边会出现黑条。如果案例能适配iPhone X的机型,那就更完美了。案例将美年达瓶罐作为重要的游戏元素完美地置入了游戏中,作为品牌露出的方式,丝毫没有给人生硬的感觉。
技术实现: AnnieJS(2d动画引擎)
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号