提供Verge3D教程和Web3D开发技术服务

WebXR emulator浏览器扩展工具发布

译自:https://blog.mozvr.com/webxr-emulator-extension/

我们很高兴地宣布发布可以帮助创建WebXR内容的WebXR emulator浏览器扩展工具。

我们都知道开发和调试WebXR体验是很难的,原因有很多:

  • 您必须拥有实体的XR设备
  • 在某些平台上缺乏对XR设备的支持,如macOS
  • 一直戴上和摘下头显令人在工作时很不舒服
  • 为了使您的应用能够适应各种平台,您必须拥有大量设备:移动设备,固定设备,3dof,6dof等等

通过此扩展,我们旨在缓解上述大多数问题。

WebXR emulator扩展可模拟XR设备,以便您可以从桌面浏览器直接进入沉浸式(VR)模式,并在不需要任何XR设备的情况下测试WebXR应用程序。它模拟多个XR设备,因此您可以选择要测试的设备。

该扩展程序构建于WebExtensions API之上,因此适用于支持该API的Firefox,Chrome和其他浏览器。

WebXR emulator扩展
该扩展能够控制头显、手柄和手柄上的按钮

如何使用?

  1. 从应用商店安装扩展程序(Firefox,Chrome)
  2. 启动WebXR应用程序,例如Three.js的示例。您会注意到应用程序检测到您有一个VR设备(模拟的),它将让您进入沉浸式(VR)模式。
  3. 打开浏览器开发工具(Firefox,Chrome)中的“WebXR”选项卡以控制模拟设备。您可以移动头显和控制器并触发控制器按钮。您将看到他们的转换反映在WebXR应用程序中。
如何使用WebXR模拟器

下一步计划?

这一扩展的发展仍处于早期阶段。我们规划了很多很棒的功能,包括:

  • 记录和重放XR设备的操作和移动,这样您就不必在每次要测试应用程序时复制它们,也可以与他人共享。
  • 加入新的XR设备支持
  • 使用标准游戏手柄(如Xbox或PS4控制器)控制头显和控制器,或将手机用作3dof设备
  • 其它?

我们很乐意收到您的反馈!接下来你想要什么新功能?您的WebXR应用程序的扩展有任何问题吗?请加入我们的GitHub讨论它们。

最后,我们想大声感谢由乌梅桑切斯开发的WebVR API emulation Extension,因为在开发这个扩展的时候它给了我们启示。

zjbcool

zjbcool
关闭菜单