标致:Home | Peugeot Catch the Dragon

2016-05-27 H5案例分享 H5案例分享
标致:Home | Peugeot Catch the Dragon

案例:Home | Peugeot Catch the Dragon

出品:标致

亮点:

  1. 策划上,这是标致为旗下一个产品车做的产品功能推广,以一款赛车追逐火龙的小游戏形式来吸引用户参与,营造出驾驶舱的感觉,似乎体验者坐在驾驶舱内,在山路疯狂飙车的同时追赶一条火龙;该游戏主要通过两个维度来展现,一:VR虚拟实境,追逐火龙;二:360度看全景的方式,追逐火龙;令人玩的时候仿佛身临其境,热血沸腾

  2. 设计上,3D立体模拟实境,浏览的过程中,增加VR效果,屏幕分左右两侧,两画面同步展示,这样当用户带上眼镜,3D真实感,立刻扑面而来;360度是单屏幕的,虽然没有3D立体模拟实境来的震撼,但是对于手边没有眼镜的玩家来说,还是很不错的

  3. 交互上,玩这个游戏采用的是360度移动手机的方式

  4. 技术上,整体游戏主要采用Canvas + JavaScript;360度移动手机玩游戏采用的是html5的重力感应

  5. 体验上,用户体验感更强,风驰电掣一般的在山路驰骋的同时,标致这款产品车的优越性能展漏无疑



技术实现: Canvas + JavaScript


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

识别图中二维码

Home | Peugeot Catch the Dragon-查阅二维码




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

标签

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

相关推荐:

东风标致的H5小游戏形式宣传案例 — S MAN 热血赛道

马爹利名士Martell:畅游虚拟实境

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~