15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 建站知识 > 如何为沉浸式网站建设做好准备?

如何为沉浸式网站建设做好准备?

时间:2024-05-15 00:30:01 | 来源:建站知识

时间:2024-05-15 00:30:01 来源:建站知识



我们所知道的网站很快就会发生变化。文本、图像和 2D 浏览器窗口中的基本交互的时代已经很好地为我们服务,但虚拟、增强和混合现实体验一直在变得更好。开发人员和设计人员需要超越浏览器窗口进行思考,并为沉浸式未来做好准备。

许多人过去一直对 VR 和 AR 持怀疑态度,因为尽管对它们将实现的目标做出了宏伟的承诺,但它们大多未能达到行业所希望的规模。

但这次不同:Meta、Apple 和 Microsoft 等行业领导者正在追求一系列不同的混合现实项目;他们看到了机会,并对接下来的事情提出了暗示。

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

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

实例

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

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

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

定义您的平台

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

首先,您需要决定要构建的硬件。您的观众主要使用电脑、智能手机还是像 Oculus Quest 这样的耳机?每个硬件类别都提供了一组不同的功能。

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

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

有一些有用的框架和平台可以让使用 WebXR 更加方便:

创建您的内容

没有人想阅读 3D 长文本块。既然我们在谈论视觉体验,那么重点应该放在创造赏心悦目的内容上,这是合乎逻辑的。在普通网站上工作的内容在 3D 环境中可能不会感觉自然,因此您需要决定应该创建哪些视觉效果以适应格式。

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

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

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

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

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

使您的内容灵活

当我们谈论让您的网站为沉浸式体验做好准备时,我们不仅仅是在谈论让人们在 VR 中滚动浏览您的常规网站。这对你的观众来说没有吸引力。

我们的想法是将您网站上已有的一些内容与表示层分开,以便您可以在 3D 环境或任何其他您想要的平台中使用它。经典的内容管理在孤岛中进行,这意味着您无法轻松地重复使用网站中的内容。

这种分离可以通过使用经典数据库来实现,但如果您希望开发人员和内容团队协作,需要对用户更友好的CMS的支持。

今天开始尝试

构建 3D 内容体验可能看起来令人生畏,但正如我们所见,您可能已经具备开始和尝试一些不同想法所需的 Web 开发技能。

您今天构建的内容将为您明天的 3D 未来做好准备。

关键词:

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭