我们所知道的网站很快就会改变。文本、图像和 2D 浏览器窗口中的基本交互时代为我们服务得很好，但虚拟、增强和混合现实体验一直在变得更好。开发人员和设计师需要超越浏览器窗口思考，并为身临其境的未来做好准备。

过去很多人都是对的 VR 和 AR 持怀疑态度，因为尽管他们对自己的目标做出了巨大的承诺，但大多数都未能达到行业所期望的规模。

但这次不同：Meta、Apple 和 Microsoft 行业领导者正在追求一系列不同的混合现实项目；他们看到了机会，并暗示了下一件事。

在Perkins Coie LLP 和 XR 在协会的一项调查中，近十分之九的受访者表示，到 2025 沉浸式技术(包括增强现实、虚拟现实和混合现实)将像移动设备一样无处不在。

这是一个大胆的预测，但这可能是我们的新现实。

实例

VR 和 AR 不适合每个网站，很好。没有必要将身临其境的体验强加于更适合标准观看体验的东西。

但是，如果做得好，3D 体验可以为你的网站增加很多。查看来自 Mozilla演示体验来自 Matterport的3D 导游及来源 Within沉浸式故事讲述。

以下是这些闪耀的几个领域:

零售– VR 可为客户提供虚拟展示室浏览产品。AR 甚至可以通过向您展示一件家具如何适合您的房间、一幅画在您的墙上的样子，或者类似Apple场景展示，产品在你的桌子上，从而把产品带到你的家里。

新闻– 通过提供 360 将观众置于故事的中心，可以丰富事件的报道。

培训——AR 虚拟叠加层可以在物理设备上生成，因此员工可以进行更有效的实践培训。

定义您的平台

将沉浸式体验添加到您的网站将需要根据您尝试创建的各种技能。无论您是 Web 开发新手仍然是具有多年经验的高级开发人员和经典 Web 开发的主要区别在于你正在从 2D 体验切换到 3D 体验。VR/AR 开发更接近开发 3D 而不是创建视频游戏 Web 应用程序。

首先，你需要决定要构建的硬件。你的观众主要使用电脑和智能手机，就像 Oculus Quest 这种耳机？每个硬件类别都提供了一组不同的功能。

接下来，当我们在市场上查看3时D发动机和框架，Unity、Unreal Engine和CRYENGINE等一些大牌脱颖而出。这些引擎大多是基于游戏开发而分离出来的 C、C 或 C# 编程语言。虽然很强大，但对于任何试图创造基本沉浸式网络体验的人来说都是过分的。

对于 Web 对开发人员来说，好消息是WebXR 设备 API是 W3C 带有指定开放标准的指定开放标准 JavaScript API，身临其境的体验可以在浏览器中实现。所以，如果你已经有了， Web 开发背景可以利用你 JavaScript 知识开始。

使用一些有用的框架和平台 WebXR 更加方便：

A-Frame– 用于构建 3D 体验的 Web 框架。

React 360– 用于创建在 Web 运行在浏览器中的交互式 360 度体验的框架。顾名思义，它是建立在的 React 并重用你已经知道的概念。

Amazon Sumerian– 托管服务可以让您创建和运营 3D、AR 和 VR 应用程序。因为它已经集成了 AWS 因此，生态系统也可以得到支持 AI 添加到你生成的世界中的元素。

创建您的内容

没有人想读书 3D 长文本块。既然我们在谈论视觉体验，那么关注创造令人愉悦的内容是合乎逻辑的。在普通网站上工作的内容 3D 你可能不会在环境中感到自然，所以你需要决定应该创造什么视觉效果来适应格式。

您需要哪些高分辨率图像和资产？可以添加视频吗？360度视频怎么样？观众只是在看东西，还是能和它互动？

你不能忘记声音，因为它是沉浸式体验的关键部分。你应该创造什么样的音乐和声音来使内容生动？

不是每个人都有最新最好的设备或 5G 覆盖范围。3D 带宽和传输质量的内容要求要高得多。在典型的网站上，几毫秒的延迟可能不会被注意到，但在 VR/AR 在设置中，它会使体验滞后或

试着优化你的内容，在合理的文件大小内达到最高质量。如果体验开始受到同时下载过多资产的影响，最好创造更流畅的体验，同时保持高性能。

考虑你的托管基础设施也很重要。这应该不是什么大问题，但值得一提的是，你需要在配置中添加新的内容类型和你的内容类型 CDN 这些新类型也需要支持。

使您的内容灵活

当我们谈论让你的网站为身临其境的体验做准备时，我们不仅仅是谈论让人们 VR 滚动浏览您的常规网站。这对你的观众没有吸引力。

我们的想法是将你网站上现有的内容与表达层分开，这样你就可以在 3D 在你想要的任何其他平台平台。经典的内容管理是在孤岛上进行的，这意味着你不能轻易地在网站上重复使用内容。

这种分离可以通过使用经典数据库来实现，但如果你想与内容团队合作，你需要对用户更友好CMS的支持。

今天开始尝试

构建 3D 内容体验可能看起来令人生畏，但正如我们所看到的，你可能有必要开始并尝试一些不同的想法 Web 开发技能。

你今天构建的内容将是明天的 3D 准备好未来。