百度地图:百度地图专车清凉大作战

2017-07-25 H5案例分享 H5案例分享
百度地图:百度地图专车清凉大作战

案例:百度地图专车清凉大作战

出品:百度地图

亮点:

  1. 策划上,游戏类,用清凉的专车来抵抗热辣的重庆;加载完毕,用户选择专车来开始游戏,游戏内容为用户用专车发出的子弹击毁屏幕上方下落的太阳,太阳的大小决定了用户需要的子弹的数量多少;最后尾页根据用户的游戏情况给出相应的结果,用户还可以在此页面领取专车券,但是现在好像领券活动已经结束了。
  2. 设计上,颗粒插画风格,采用蓝色作为主色调,绿色作为辅色调,画面整体看起来有种颗粒感,又有种扁平风格。
  3. 交互上,点击三种汽车的任意一个汽车的小图标,作为自己的专车;左右拖动跑道上的专车,即可控制车子的位置,便于击落屏幕上方下落的太阳。



技术实现: jQuery


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

识别图中二维码

百度地图专车清凉大作战-查阅二维码




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

标签

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

相关推荐:

百度:人类月球日

腾讯游戏:答完这几道题,中国人集体暴走了!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~