IONOS:Mission Ionosphere – Web Game Experience

2022-06-01 H5案例分享 H5案例分享
IONOS:Mission Ionosphere – Web Game Experience


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

识别图中二维码

Mission Ionosphere – Web Game Experience-查阅二维码

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


案例:Mission Ionosphere – Web Game Experience

品牌:IONOS

技术实现: Phaser

亮点:

1、创意定位

IONOS和WordPress社区推出的网络游戏,IONOS是欧洲主机和云服务的提供商之一,WordCamp活动是WordPress用户自发组织的非营利性大会,这个网络游戏是为WordCamp活动推出,WordPress吉祥物“Wapuu”穿越五个空间领域旅行。

 

2、策划上

① 网络游戏形式,一共5关代表五个空间领域,游戏遵循经典的高分原则;

② 进入案例后,是游戏的说明,手机端用户左右滑动屏幕,PC机端用户可以使用鼠标或者左右按键,控制方向;游戏过程中有障碍物(石头和飞行物),也有鼓励的图标(可以加速和去掉周围障碍物),每个关卡会有当前关卡的游戏时间;游戏最后计算总时间,用时越少排名越靠前;

③ 尾页是世界玩家的排名,显示前100名用户,我玩了两次,都5分钟多;世界上最快的玩家,用时3分33秒。

 

3、设计上

游戏中的卡通人物是WordPress吉祥物“Wapuu”;卡通背景,根据用户所在不同的空间领域,背景不同,吉祥物从地球开始,分五层向上穿过大气层,一直到达电离层。

 

4、技术上

使用Phaser,Phaser 是一个开源的桌面和移动 HTML5 2D 游戏开发框架,支持 JavaScript 和 TypeScript。

 

5、体验上

响应式页面,案例在微信内不能访问,手机端的默认浏览器都可以访问。





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

标签

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

相关推荐:

Montblanc:Montblanc Legend Red - The Race

NZ on Air:i-Spy

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~