IONOS: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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号