百度地图:百度地图专车清凉大作战
案例:百度地图专车清凉大作战
出品:百度地图
亮点:
- 策划上,游戏类,用清凉的专车来抵抗热辣的重庆;加载完毕,用户选择专车来开始游戏,游戏内容为用户用专车发出的子弹击毁屏幕上方下落的太阳,太阳的大小决定了用户需要的子弹的数量多少;最后尾页根据用户的游戏情况给出相应的结果,用户还可以在此页面领取专车券,但是现在好像领券活动已经结束了。
- 设计上,颗粒插画风格,采用蓝色作为主色调,绿色作为辅色调,画面整体看起来有种颗粒感,又有种扁平风格。
- 交互上,点击三种汽车的任意一个汽车的小图标,作为自己的专车;左右拖动跑道上的专车,即可控制车子的位置,便于击落屏幕上方下落的太阳。
技术实现: jQuery
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号