VR给你的网站改头换面 *变身多媒体图书馆

你可曾设想过虚拟现实(vr)中的网页的模样?

 

vr网页

2d平面网页也可以拥有沉浸感与交互性。试想如果*变为一座多媒体图书馆，当你查阅埃及金字塔时，你就可以直接造访这座奇观，探索它的内部、研究它的纹理构造、甚至通过解谜来打开法老的墓室。在被环境音效包裹的同时，你甚至还能得到一位虚拟向导相伴左右，听它为你*、答疑解惑。

听起来一般般?

那我们把*换成亚马逊，让vr带你海淘无穷无尽的婚纱——你不但能够试穿，还能通过3d视角查看自己的扮相;甚至还能创造不同角色来做你的“试衣官”，从中筛选出自己心仪的衣物。买车也可以——看车、试车、选车、调节座椅……启动(你好特斯拉!)。感觉像科幻故事?别忘记在二十年前网购就是科幻故事，而在当时在vr头显上观看奥运会就如同《star trek》《星际迷航》的全息甲板一般。

能够实现上述一切的硬件——尽管还在襁褓期——已经问世。高清摄像头、全景摄像头、高速图形处理器和vr头显就是通往未来之路的开路兵。尽管它昂贵、庞大、迟钝，但我们有理由相信，随着vr普及，配套硬件设备将变得更便宜、更小、更快。

微软的hololens全息眼镜已开始向开发者发货。不是开发者用户?索尼的playstation vr已支持预售。着急想体验一把?oculus rift现货599美元。太贵了?三星gear vr仅售99美元。如果你有一台galaxy手机，你甚至还能免费获赠一台gear头显。当然，如果你属于极度价格敏感人群，15美元的google cardboard头显兴许是你的选择——你甚至还能自己造一台。

实际上，此时此刻阅读本文的你已经可以直接体验一把虚拟网页了。打开janus浏览器——那有非vr用户能直接感受到的未来网页。对了，janus reddit板块里也是乐趣多多。

vr技术发展神速。为oculus rift与google cardboard头显提供服务的实验性javascript api webvr目前已在火狐浏览器开发版nightly、chrome浏览器开发版chromium、三星gearvr浏览器上启用。你甚至还能通过jaume sánchez elias(豪梅·桑切斯·埃利亚斯)提供的chrome插件来在自家机子上感受一把。不通过vr头显确实也能够体验vr，但真正的vr目前仅存在于vr头显里面——有兴趣的看官还是抓紧入手一台为好。

准备好飞了么?打开mozvr网——整整11款vr网页体验任你挑选(inspirit是我的个人最爱)。不感兴趣?试试vizor.io——那里的vr体验更多样。如果你恰好手头有台htc vive，那么恭喜你，通过火狐的a-painter网，你已经迈上了成为vr中的毕加索的第一步。

上述网站多数基于a框架搭建，开源webvr为html框架。a框架即通过three.js库来实现vr网页开发功能、建立webvr内容生态圈的全新网页构架。a框架在实体组件系统的基础上整合了大量现有的网站开发框架与工具。开发者可以为缺失的功能自己编写一个组件，或是为功能不全的现有组件进行改造。

这项新技术听起来酷，然而目前的vr模拟器离我们所说的虚拟亚马逊还有很远很远。

实际上，我们甚至可能等不到真正的虚拟网页。不像游戏和娱乐内容这种vr行业早已锁定的领域，一个功能齐全的vr网页意味着完全不同的复杂生态环境。兴许少许网站能够通过提供交互vr体验来在众多网站中鹤立鸡群，但是大多数网站仍停留在单薄的2d显示上。

就连上面所说的构想也不现实。要知道，正常的电脑显示屏离用户大概有30到40厘米，轻微的一个眼球移动就能够锁定网页上的ui了;然而在vr中，环境就相当于显示器——这块vr屏幕理论上没有边界，往左看是一块新屏幕，往下看又是块新屏幕。你当然可以人工搭建一块虚拟桌面屏幕，但是这和vr就没什么关系了。这叫做增强现实(ar)。vr讲究的毕竟是一种沉浸式的体验。

所以，抛开“屏幕”这一固有成见，让所有应用、浏览器或窗口直接漂浮在我们面前吧——这才是基于深度与广度的真正vr体验。

mike alger(麦克·阿尔格)的一项研究显示，vr中的背屏相当于用户直视前方时的视场角。拿oculus rift举例，它的实际视场角是94.2度(设备规格110度)，近于双筒望远镜的120度;同时oculus还为入门用户推荐了0.75米远的舒适体验。通过头部运动，rift的视场角最多能从中间扩张30度、从两侧扩张55度、上侧60度、下侧40度。

当代的2d屏幕交互界面设计在vr中统统不适用。

为在vr中避免陈旧的窗口观念，新型ui/ux设计必不可少。目前开发者仍然被传统窗口设计钳制着：gear vr提供的就是通过头部运动、点击和语音控制来操作的网页，其运行模式与传统键鼠操作别无二致。这样做是vr，但还不够vr。这项新技术的革命性还需同样革命的交互设计来体现。

作为开发者的你需要花时间研究webvr吗?答案是个大大的肯定。在不久的将来，开发者与设计师们都会加入到网页vr化的大军中。交互地图、教学工具与视觉工具这些都是能够让你的vr网站脱颖而出的元素。

当然，传统网页仍然会与vr并存，毕竟文本阅读这种传统活动最好还是通过传统方法来实现。