蓟县高端建站:虚拟现实和网页设计你需要知道的一切

2019.08.17 mf_web

63

网络如何在虚拟现实中展现?

2D网络可以变得身临其境,互动和有形。想象维基百科是一个广泛的多媒体库。你可以绕着它们漫步,探索金字塔的内部,查看用于构建金字塔的块的纹理,或者解决难题以获取法老的坟墓,而不是阅读埃及金字塔。你甚至可以有一个虚拟指南陪伴你,叙述金字塔的历史和回答问题。所有这一切都伴随着不同的环境声音效果和声音。

没有留下深刻印象?

冲浪亚马逊,寻找终极婚纱怎么样?您可以尝试使用它们,从3D角度看待自己。您可以创建多个头像来比较几件衣服,可以选择一件适合并在一天内交付的衣服。 访问虚拟汽车经销商,试驾汽车,选择选项,调整座椅位置,看看它是否适合你......召唤它(Hello Tesla!)。科幻小说?二十年前,在互联网上购物是科幻小说。二十年前,您可以在VR耳机上观看奥运会的想法相当于星际迷航的全息甲板。

蓟县高端建站实现这一目标的硬件仍然处于起步阶段。高清摄像机,360度摄像机,快速图形处理器和VR手机是新时代的探路者。价格昂贵,体积庞大,在这个时候呆滞,因为采用率将上升,硬件将得到更便宜,体积更小,速度更快。

虚拟现实与网页设计

微软的Hololens正在向开发者发货。不是开发者类型?Sony的PlayStationVR可预订。匆忙?现在可以以599美元的价格购买Oculus Rift。昂贵?三星Gear可以99美元的价格订购。如果您已经拥有Galaxy,您可以以两个高质量案例的价格体验VR。或者,如果您非常注重预算,Google Cardboard的起价为15美元。你甚至可以建立自己的。

Janus浏览器

事实上,您甚至可以在阅读时浏览虚拟网页。打开Janus浏览器,您将体验到非常可能的Web未来。在Janus Reddit部分你会有很多乐趣,相信我。

VR背后的技术正在迅速发展。WebVR是一个实验性的Javascript API,提供对Oculus Rift或Google Cardboard等虚拟现实设备的访问,可以在Firefox的Nightly版本,Chromium的实验版本和Gear VR的三星Internet浏览器中使用。在此处测试浏览器的兼容性。您甚至可以模拟VR耳机来测试API,而无需任何带有JaumeSánchezElias便捷Chrome 扩展的 VR硬件。你甚至可以在没有VR耳机的情况下体验VR,但要真正理解这个概念,你应该得到一个。

准备滚?前往MozVr,选择11个展示项目中的一个并准备惊讶。(我个人最喜欢的是Inspirit)。如果您仍然在这里而不是疯狂地阅读Mozilla开发者网络上提供的文档,那么我会指向Vizor.io,在那里可以获得更多VR好东西。如果您碰巧拥有HTC Vive,那么您可能已经迈出了与Mozilla的A-Painter一起成为VR的毕加索的第一步  。

Janus浏览器

上述大多数项目都基于A-Frame,这是一个用HTML构建虚拟现实体验的开源WebVR框架。由three.js提供支持,创建A-Frame以使虚拟现实可供Web开发人员访问,并且本质上是启动WebVR内容生态系统。A-Frame基于实体组件系统模式构建,并与许多现有Web开发框架和工具集成。如果某个功能不存在,则可以完全扩展,您可以编写一个组件来启用缺少的功能,或者,如果您发现特定的组件限制,则可以对其进行分叉。

虽然对于一项新技术而言令人印象深刻,但这些模拟与我们都在寻找的虚拟亚马逊相去甚远。 

事实上,我们可能永远不会有虚拟网络。与VR或多或少必然发生的游戏或娱乐不同,功能虚拟现实网络是一个复杂的生态系统。虽然各个站点可以提供交互式虚拟现实版本以区别于人群,但互联网上可用的大量站点仍将限制为浮动在3D环境中的2D版本。

这不会奏效。基本桌面显示器距离用户30到40厘米。所有UI元素都在前面。轻微的眼球运动足以聚焦在元素上。在虚拟现实中,画布就是环境。屏幕没有底部或顶部。向左移动头部,你还有额外的画布。向下看,画布展开。你可以人为地建立一个框架,你可以在哪里对齐图标或通知(F22 Raptor任何人?),但这不再是虚拟现实。这是增强现实。虚拟现实就是创造一个身临其境的环境。

我们可以使用应用程序,浏览器甚至窗口来代替我们面前的屏幕。这样的环境基于深度和规模。  

虚拟现实中的画布

为了让您了解虚拟现实中的画布,我们将参考Oculus Rift等被动VR设备。根据一篇论文根据三星的Alex Chu提供的有用观察结果,Mike Alger的主要画布是当用户直视时的视野。例如,Oculus Rift的实际视野为94.2度(根据规格为110度),接近双筒望远镜的120度视角。Oculus建议距离为0.75米,为基本用户提供舒适的体验。此画布可以从中心延伸30度,由于头部旋转,最大距离为55度。向上画布可以增加到20度,最大为60度,向下最小为12度,高度为40度。

学位

现代接口,精心设计,以满足2D屏幕的硬件要求,在这里不起作用。 

WebVR

为了避免VR环境中的“窗口”隐喻,必须转向UI / UX中的新范例。开发人员正在调整这个比喻以适应基本VR设备的需求。在Samsung Gear VR上,熟悉的网络界面漂浮在您的眼前。头部手势,水龙头和语音命令的运行方式与我们习惯使用传统键盘和触摸界面的方式相同。虽然这足以向消费者推销虚拟现实的概念,但仅仅说服用户模拟现实的优势是不够的。

你应该花时间学习WebVR吗?肯定是的。在不久的将来,设计人员和开发人员将开始在他们的网站上包含VR功能。交互式地图,教育工具和可视化工具是可以使您的网站与众不同并让您在竞争中脱颖而出的元素。

WebVR

显然,传统网络将继续与VR共存。有些事情在VR中并不实用。虽然我可以阅读带有SPRITZ集成的虚拟现实手机的博客文章,但我仍然更喜欢在我的iPad上阅读它。而且,虽然我喜欢我的Kindle,但我更喜欢以老式的方式阅读一本书。印刷油墨的味道,翻页的习惯,我写的笔记和完成最后一页后的成就感是完全值得的。

而且因为VR可能是下一个最好的东西,也许你会成为新博客文章的灵感来源。

蓟县高端建站

热门分享

最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP