去年,我们推出了沉浸式网络模拟器 (IWE),这是一款浏览器扩展程序,旨在实现高效的 WebXR 开发和测试,能够在没有物理设备的情况下模拟 Meta Quest 头戴设备。截至 2024 年 6 月,IWE 的月活跃安装量超过 9,000 次,使所有技能水平的开发人员能够比以往任何时候都更轻松、更方便地创建身临其境的 Web 体验,从而成为 WebXR 开发社区的基石。
现在,我们通过沉浸式 Web 仿真运行时 (IWER) 使 WebXR 迭代更快、更易于访问,这是一个在现代 TypeScript 中实现的综合 WebXR 运行时,使你能够在任何现代浏览器中模拟 WebXR 应用程序。此功能对于在原生不支持 WebXR 的环境中工作的开发人员至关重要。IWER 的界面提供对模拟 XR 环境的精确控制,允许您管理从耳机和控制器位置到按钮按下和手势等复杂输入的所有内容。
让我们深入探讨此界面的多功能性以及它如何支持各种用例。
定制开发者工具
WebXR 中的交互可能非常微妙,需要精确而复杂的序列,而这些序列并不总是容易通过标准工具执行。虽然沉浸式 Web 仿真器 (IWE) 提供了对设备仿真的全面控制,但其 3D 检查器可能不是触发复杂操作的理想界面,尤其是那些涉及手势的操作。考虑 Project Flowerbed 中的动作轮,用户按住 A 按钮打开动作轮,然后移动控制器以选择一个选项。此序列在头戴式设备中很直观,但使用 IWE 的界面复制起来很麻烦。
IWER 通过允许开发人员通过单击按钮来编程和触发此类序列,从而改变了这种体验。这种新的自定义级别使您能够构建完全适合您的 WebXR 项目的工具,并使复杂的用户交互(如 Project Flowerbed 中的交互)更流畅、更直观地进行测试和开发。借助 IWER,您可以创建一个完全符合项目需求的开发环境,以提高生产力和用户体验。
跨平台控制
使用 IWER 创建定制开发工具可简化您的工作流程,并为增强不同平台之间的用户交互提供可能性。IWER 有效地用作位于 WebXR 体验之上的输入重映射层,允许将 XR 交互设计重新用于传统控制方案。
这种适应性对于旨在在多个平台上访问的项目至关重要。例如,在典型的 XR 射击游戏中,玩家使用控制器扳机射击并使用操纵杆导航,您可以使用 IWER 将这些操作映射到桌面控件:操纵杆移动映射到 WASD 键,触发动作映射到鼠标单击,您可以使用指针锁定 API 将鼠标移动与头戴显示设备和控制器方向对齐。
此功能不仅用途广泛,而且重量轻,以确保它对应用的性能影响最小。通过利用 IWER,您可以显著扩大 WebXR 应用程序的可访问性,而不会影响用户体验或性能。
动作录制/回放
WebXR 开发人员最期待的功能之一是能够轻松捕获和重放来自支持 WebXR 的设备(如 Meta Quest 3)的输入会话。随着 WebXR 技术的普及和开发过程的成熟,此功能是实现可扩展、自动化的端到端测试的关键。
您可以使用 IWER 实现此功能,这要归功于其实验性的 ActionRecorder 和 ActionPlayer 实用程序。在头戴显示设备上运行体验时,ActionRecorder 直接从本机 WebXR 实现捕获输入数据。此数据捕获与渲染框架无关,以确保在不同开发环境中的多功能性。捕获后,这些输入会话可以导出,然后通过 ActionPlayer 在其他浏览器上重放,ActionPlayer 利用 IWER 准确地重建和执行用户操作。
这一突破性功能不仅提高了测试效率,而且还确保了 WebXR 应用程序能够在恒定条件下进行严格测试,从而复制真实的用户交互,而无需连续的手动测试。
我们很高兴能为您提供有效的方法来使 WebXR 迭代更加方便和可访问,我们迫不及待地想听到您关于此工具如何使您能够创建令人难以置信的沉浸式 Web 体验的反馈。要开始使用 IWER,请访问文档。