不会编程也可做VR?记者可用的“傻瓜”VR工具推荐

Print More

思想可以交流,体验难以沟通,但有了VR,你能体验难民生活,甚至漫游火星,和“感同身受”不远了。然而,缺乏编程经验的记者也能做出VR作品吗?VR程序员Dan Zajdband推荐了数款“傻瓜”VR神器,简单易学,不妨一试。


新闻是VR技术的最佳试验田。纽约时报在APP nytvr上发过众多VR报道,适用于安卓和OS系统。华盛顿邮报巧用VR将我们“带入”火星,卫报则还原了监狱里“单独监禁”的生活

1

谷歌Facebook微软这样的科技公司,正与游戏制作商、艺术家和程序开发员并肩协作,一同拓宽技术的用途。我们仍在不断试验,试图勾勒出VR的未来面貌。

随VR技术的不断发展,Mozilla、谷歌和其他公司都开始完善公开标准,以直接用网页打造VR体验,创造出可以连接VR设备的JavaScript API “WebVR”。草拟的API规范已经出炉。现在我们甚至能在移动浏览器添加API之前,用polyfill(用于实现浏览器不支持的原生API的代码)使用WebVR。

有了WebVR,网络程序开发员就能获取多种设备信息,包括位置、定位、速度、加速幅度、视野范围和眼距数据,以开发VR应用。

我个人对WebVR技术的发展和其对新闻的影响很感兴趣。这里介绍多种我尝试过的VR工具,方便记者和不懂图片编程的程序员创造新作。

拍摄全景素材是制作VR场景的第一步,我推荐以下应用:

拍摄360度全景照片

2

(尼康FDSLR)

拍摄360度全景的理想格式叫做“等距柱状投影(equirectangular)”,用手机即可拍摄。

对安卓系统来说,安卓相机(The Android Camera)是个好选择,它有全景照片模式(Photo Sphere),还有一个活跃的社群,方便交流使用技巧。你也可以试试谷歌的Cardboard相机,能在拍摄全景时录制声音。

在iOS系统,你可以下载谷歌街景APP拍照片——这是同类APP里的最佳之选。

如果你不想用自己的照片,也可从Flickr的等距柱状投影群组上随时搜索、选用图片,图片总数多达15000张(记得注明摄影师,注意授权证书规定)。

拍摄360度视频

拍360度视频,需用特制相机。现在用户相机功能不完善,但仍有几个值得一用:

  • Ricoh Theta S三星Gear 360相机都有自己的APP和软件,可供视频预览、编辑、上传,使用便捷。它俩的电池续航和发热情况都不太理想,但拍的视频都挺优质。
  • 若需更优质的视频,VR制作者有时还用带杆的GoPro拍摄,今后肯定还有更多相机和技术供你选。

为VR作品录制音频

录音比较简单,用一般录音器就能搞定。如果想在360度视频里录音,可以选用特制麦克风。点击此处查看推荐工具。

2.5

Free Space 全向型两耳式麦克风

3

Adobe After Effects的处理界面

 

上传素材

等距柱状投影的照片和视频一般采用普通媒体格式。用户通过摄影APP即可编辑全景照片/视频文件。

唯一需要注意的是,如果存照片的域名和你VR APP/网站的域名不一致,服务就需要支持“跨域资源共享”(Cross-origin resource sharing,简称CORS,通过它浏览器和服务器可以安全地进行跨域访问)。如果你对CORS不了解,别担心,上传图片至Imgur等服务,视频传至公共的Dropbox文件夹,就没问题了。要想把文件传至亚马逊简单储存服务(Amazon S3),就需设置CORS

4

Imgur首页

以下为在公开网站制作VR作品的三类工具,技术难度依次递减:

1. 有了谷歌WebVR Starter Kit,设置场景随心意

在程序员的努力下,现在用户仅用一两行JavaScript或HTML代码,就可制作简单的VR场景,观众用Oculus(Facebook旗下虚拟现实头戴设备制造商)或是谷歌生产的头戴式工具即可观赏。

程序开发者Brian Chirls的项目WebVR Starter Kit值得一提,他所写的数据库可在几秒内让程序员或是略有JavaScript书写经验的人做出VR场景。数据库的威力,在这些作品上显现无疑。

将数据库添加至网站,只需添加块状体、球体、声音、全景画面、视频等元素,设定位置、颜色、材质等属性,网站就能自动转换成三维VR场景。神奇的是,你还能添入简单动画。

你可以随意设置场景,用两行代码绘出木地板和天空:

5

还能加上绿色圆柱,调整位置,告诉别人这是你的专属:

6

再用三行代码,就能为可爱精致的视频营造愉悦氛围。

2. A-Frame加 HTML,网站也能做VR

在接触WebVR starter kit一段时间后,我发现Mozilla团队“MozVR”正在进行网页VR的实验,能帮完全不懂JavaScript的人做出VR效果,堪称业界良心。

这项目叫做A-Frame。它的创意是用HTML的标签和配置文件制作VR场景,让VR制作像建网站一样简便。A-Frame项目网站上列有诸多样例,文件分类极为细致,他们的VR社区讨论活跃,规模也不断扩大。网站上的每个样例,均有源代码链接,方便查看。

而且,能在 WebVR starter kit设置的物体,也都能在A-Frame里找到,包括3D模型加载器、场景移动的箭头控制等方便实用的资源。

假设我们想以视频围绕场景,在里面设个立方体,可以用a-boxa-videosphere的标签实现:

7

加一个球形视频也只需添加几行HTML代码即可,过程简单易行。

如果你还没有领会到这个工具的强大之处,不如看看华盛顿邮报用A-Frame做出的VR成品,能带你走上逼真的火星之旅

3. 不会编程没关系,简单描述也成型

用过上述表现不凡的工具后,我想到了两个问题:

  • 是否可以在VR故事里加背景?
  • 记者是否能学会A-Frame?我该不该为他们开发一个更简单的工具?

从问题出发,加上实验,我开发了系列工具Guri VR。Guri专为记者和非程序员设计,根据直观描述就可营造VR体验。其中最主要的工具就是“Guri编辑”。通过这款在线工具,用户可用简单的英语描述他们的预期体验,生成用于共享和网站嵌入的作品链接。

工具会输出一个HTML文件,可使用自动生成A-Frame 标注。如果你只想创制原型,将代码交给程序员修改,它就再合适不过了。

登入GuriVR.com,即可使用“Guri编辑”了,我们先来看看如何像工具描述简单场景。例如,我可以在编辑里写入:

我的首个场景持续5秒,有天蓝色背景,和一行字:“这是我的第一个场景”。

第二个场景时长30秒,有一个位于https://ucarecdn.com/8e6da182-c794–4692–861d-d43da2fd5507/的全景图像并带有音频https://ucarecdn.com/49f6a82b–30fc–4ab9–80b5–85f286d67830/。

点击此处,查看成品。

“Guri编辑”目的之一,就是消除VR生成工具和用户间的合作不畅,它内置了文件上传器。用户将文件拖拽至“Guri编辑”,根据光标选择存储位置,就可上传。

8

我的目标是为VR生成工具创制友好界面,因此实现与现有工具的互动很重要。例如,我正在设计一个A-Frame制图组件。往这个组件里添加制图器输出的JSON文件,就可以为图表绘制3D显示图。这在任何A-Frame场景都能实现,也是“Guri编辑”的功能之一。看指南就可入门。

9

 

1)VR推特机器人

此外,Guri也是一个可以读取JSON文件的API,能将我们的预期效果转成A-Frame可处理的格式,以便后续完善。

为了简化VR制作的程序,我甚至还用Twitter开发了一个模型。我用GuriVR和推特API,把推特账户@guri_vr设成VR机器人。如果你在推特发等距柱状投影时提到了@guri_vr,它就自动将VR场景链接嵌入推特卡片(Twitter Card)回复你,你就可以直接在推特浏览VR了。

屏幕快照 2016-08-01 14.38.03

屏幕快照 2016-08-01 14.38.12

不过就目前来说,它仅适用于单张图片。但只要稍作改进,它也可以将多个全景场面变为场景或字幕卡。

2)在公开网络实现“感同身受”

Guri VR是开源工具,现在仍需大修大改,可以在Github上制作副本并帮我改进

VR为报道开辟了更有影响力的新型讲述方式,简化VR原型制作非常必要。和任何新技术一样,VR技术会被吹得天花乱坠,而想要学好它很难。我觉得对新闻编辑室和读者来说,合理使用VR将利大于弊。现在有了公开网络标准,程序员的项目也能尽可能贴近公众。我鼓励你们尝试这些工具,亲自体验其功用。

本文原刊于网站Source,全球深度报道网经授权转载并编译。


authorDan Zajdband是阿根廷软件开发员,目前作为Knight-Mozilla研究员供职于纽约的开源资源和工具项目“珊瑚项目(The Coral Project)”。他曾参与诸多开源项目,包括黑客/骇客布宜诺斯艾利斯分会,Media Party,HackDash, 布宜诺斯艾利斯前端项目JS阿根廷开发者大会等。推特账户为@impronunciable

Leave a Reply

Your email address will not be published. Required fields are marked *