URL：http://www.nissanusa.com/the-detour/
为宣传推广2014全新日产Rogue SUV，尼桑近日推出一款交互式的无线虚拟试驾网站——“The Detour”。The Detour 是独创性的数字活动，内设谷歌地图和街景地图，为世界各地每一位参与者提供了专属的虚拟试驾体验。
来源: Unit9
编译: Sherry @DIGITALING
(转载请注明来自数英DIGITALING)
这个项目启用了重量级大咖——顶尖的代理商、谷歌的应用软件、奥斯卡最佳摄影导演Guillermo Navarro、来自美国最著名的电影特效工作室Digital Domain的3D动画师、UNIT9的内部程序员、设计师和美工组成的小团队、著名导演AnrickBregman。
顾客能在一个html5的网站上体验Nissan全新Rogue SUV的试驾，包括实景拍摄、3D动画、界面设计、音乐和音效以及每个用户的个人数据。对于Nissan来说，这是一个优秀的宣传推广方案，也是一次创新。
The Detour 内设的谷歌地图和最新的API V3版街景地图。但我们从API上获得的谷歌地图仅仅是单一的静态的全景图。因此我们第一个任务就是运用全景装置制作动态的全景影片，为此我们创建的新装置将允许摄像机拍摄出动态的映射图像，结合运用光学特效和景深等拍摄技巧使画面呈现出最佳的视觉效果。
除了全景图片外，从谷歌地图API上获得的反馈信息包含了A、B两地之间的详细路况。我们编制的程序会利用这些信息为你的旅途选择最佳路线。
系统运作第一步便是使用街景服务来检查目的地的全景图像是否可用。然后我们会用汽车图标在地图上划出配合旅途的完整路线，同时过滤和移除系统无法识别或用户不需要的步骤，比如我们删除了在隧道里保持街道拍摄这一步骤。
在谷歌地图上划出路线图后，我们就要在路线上加上汽车，从项目开始到编程之前，我们与好莱坞的数字特效公司DIGITAL DOMAIN的团队紧密合作。Nissan必须在旧金山完成Rogue系列的拍摄同时要完成3D动画形象的制作。
即拍摄一组汽车的连续镜头然后叠加于谷歌街景地图上。这就需要制定非常详尽的计划，因为要创作出一系列放在任何街道都准确适用并能适配任意给定街景的拍摄角度的汽车动画形象是一项艰巨的任务。
但对于我们来说更重要和更复杂的是必须准确无误地追踪摄像机的动向——对于汽车和背景这两层画面，任何镜头都必须完美匹配。我们知道在这两个图层之间不论是摄像机的位置还是镜头的移动只要有一丁点的偏差，整个画面都会被破坏。
当两个图层都到位后，我们又开始了新一轮的挑战：我们该如何保证这两个图层看起来一致？如何确保他们有相同的成色和光线？街景地图图像的颜色及饱和度取决于拍摄点的地理位置。亚利桑那州是明黄色，而纽约则是温和的蓝色。为了要在不同地点之间创建出一种自然过渡的感觉，我们增加了一个特定的色值，使汽车看起来总是连贯行驶的。
除了标准的成像配置,我们还对大范围的街景图片进行传统的后期制作，找到通用的特效，希望使画面呈现出更高端的视觉质感。在HTML5的有限功能下，我们运用了非常简单的技术来制作街景地标，比如颜色、饱和度以及一些巧妙的色彩装饰物。
然后我们将这种通用特效转译成代码，在服务器应用端上进行实时调整，实现每一层画面都紧密结合。除了颜色上的贴合，我们还运用了其他编码的效果使分层尽可能不那么明显。
由于汽车表面和红色路面上都有反色，因此我们还能建立起街景场景的实时跟踪，每个街道视图都需要加倍繁杂的数学运算来营造自然的反射，正是对细节的高度重视，才会让用户产生仿佛置身真实世界驾驶着Rogue的感觉。
所有这些又将迎来一个新难题：我们该如何为所有用户提供一个流畅的互动体验？这些两个图层中所有动态效果要适用于高清全屏并不是件容易的事儿。但不管用户的计算机设置怎么样，我们优先考虑的就是要尽最大努力在HTML5有限的浏览器兼容支持下使The Detour运行流畅。
网站原型通过测试后，我们把关注重点放在了如何在谷歌街景全景装置上方安置透明的视频播放渠道的问题上。很难想象，并不是所有最新的浏览器都支持Html5 视频的透明度。我们运用HRML5的canvas元素绘制一个图像序列，但这将产生巨大的网络流量。因此我们用spritesheet图集来代替Nissan Rogue的png大图使网站进一步优化——最终网站加载的时间明显缩短了。
能和M.I.A合作对我们来说真是意外的惊喜，我们非常喜欢她的风格，从更实际的角度来说，她的专辑和The Detour简直是天作之合。关于背景音乐的的设置我们面临着双重挑战：
首先，创建完美的音效与慢镜头的无缝过渡将是个棘手的难题，它要求我们必须重新编辑用户进入和退出时的音乐，以及慢动作操作Nissan Rogue时的音频。我们用多层声音和音乐来创建一个无声剪切，部分采集源自原始音轨，使声音听起来更加完美。
其次，从技术角度来说，在交互式网站中同步声效是一项很复杂的工作。
Nisson Rogue此次的活动和一般的商业活动有一个关键的区别：你可以在任何地方选择参与这个商业活动。对于这个看似简单的互联网活动却集齐了来自世界各地有才华的牛人为此而努力。
在The Detour上每完成一次虚拟试驾体验，用户都可以找到当地的经销商，并安排一次试驾，你还可以到NiassnUSA.com上下载M.I.A的专辑或者分享网站邀请好友一起来试驾。
Critical Mass
参与评论
参与评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）