Ello Game:堵毒保卫战

2020-02-27 H5案例分享 H5案例分享
Ello Game:堵毒保卫战


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

识别图中二维码

堵毒保卫战-查阅二维码

完整欣赏此案例大约需要1分40秒


案例:堵毒保卫战

品牌:Ello Game

技术实现: html5

亮点:

  1. 创意定位

Ello Game推出的益智类小游戏,在蜂巢平面图中放置药丸拦截病毒,最后可生成保卫战海报,为中国加油,为宅在家里不乱走的承诺表态!

 

  1. 策划逻辑

作品主要有两个环节

 

①loading

初始界面是两个手绘病毒与游戏标题,标题下闪过导入语后出现“PLAY”字样,用户可点击“PLAY”旁的触点了解玩法和查看排行,或点击“PLAY”进入游戏,共五关,右上角显示关卡进度。

 

②游戏挑战

进入游戏后,在蜂窝状的界面上有一颗病毒和若干药丸分布,点击蜂窝格子放置药丸包围病毒,放置一颗药丸病毒会移动一次,被包围后病毒两眼变成眩晕状,再在包围圈中将病毒周边格子内全部放上药丸后则游戏成功,中途病毒逃出则游戏结束,显示游戏结果,“XX(用户名)”用了X(数字)步依然没挡住病毒或挡住了病毒,用户成功后可继续下一关或生成海报,失败可重玩游戏或生成海报,海报包括医护工作者主题图和“中国加油”的字样,若拦截成功会根据使用步数获得不同称号,及疫情期间不要走动的倡导语。

 

  1. 设计上

主动出击阻挡病毒,用户要同时判断病毒走向和包围圈的组成进度,以尽量少的步数将病毒完全包围。

 

  1. 交互上

每次可放置一粒药丸,同时病毒移动一步,在拦截成功后用户可继续游戏或生成海报,在海报界面仍可点击“BACK”继续游戏,每关只有一次机会,无论在哪一关失败都要从第一关开始重新挑战。





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

标签

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

相关推荐:

哈弗SUV:全民战疫,我是病毒狙击手

热点互动:没收到一句“我爱你”,却被世界偷偷爱着

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~