百度地图:全景大作战

2016-08-15 H5案例分享 H5案例分享
百度地图:全景大作战

案例:全景大作战

出品:百度地图

亮点:

  1. 策划上,全景VR+重力感应游戏类,① 选择进入游戏的方式,有VR眼镜在手边的选择VR模式,没有眼镜的小伙伴可选择普通模式;② 在有限的时间内,通过移动手机的方式,瞄准怪兽消灭它;③ 游戏结束,即可知道自己消灭了多少个怪兽,打败了全国百分之多少的人;④ 感觉此局游戏没有达到理想成绩的小伙伴可点击尾页的“再战一局”进行再次挑战;先看看其它战场的,可点击尾页的“自定义战场”, 8处国内知名景点,全景战场任你挑。
  2. 设计上,3D全景类,采用火红色作为主色调,开阔的场景看起来相当大气震撼。
  3. 技术上,整个游戏的制作主要采用Canvas + WebGL,操作游戏采用移动手机的方式,用的是HTML5的重力感应。



技术实现: Canvas + WebGL


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

识别图中二维码

全景大作战-查阅二维码




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

标签

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

相关推荐:

Chevrolet 雪佛兰:放下手机#向上看#

Mercedes-Benz 梅赛德斯-奔驰:智者,大成

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~