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

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


我们所知道的网站很快就会发生变化 。 文本、图像和 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 这样的耳机?每个硬件类别都提供了一组不同的功能 。
接下来 , 当我们查看市场上的3D引擎和框架时 , Unity、Unreal Engine和CRYENGINE等一些大牌脱颖而出 。 这些引擎中的大多数都从游戏开发中分离出来 , 并基于 C、C++ 或 C# 等编程语言 。 虽然非常强大 , 但对于任何试图创建基本的沉浸式网络体验的人来说 , 它们都是过分的 。
对于 Web 开发人员来说 , 好消息是WebXR 设备 API是 W3C 指定的开放标准 , 带有 JavaScript API , 可以在浏览器中实现身临其境的体验 。 因此 , 如果您已经具备 Web 开发背景 , 则可以利用您的 JavaScript 知识开始 。
有一些有用的框架和平台可以让使用 WebXR 更加方便: