Mozilla 的 WebVR 团队 发布了一个有趣的新虚拟现实演示,名为 周六夜晚。带上你的 VR 头显,跳一支舞,与世界分享吧!
周六夜晚 是用 A-Frame 开发的,A-Frame 是 Mozilla 创建的一个开源 JavaScript 框架,它使构建 VR 体验变得更加容易。如果你对 HTML 有所了解,你可以创建带有动画的基本场景,而 A-Frame API 允许你使用 JavaScript 来提供更丰富的交互式体验。还有一个 组件注册表,因此你可以在自己的项目中轻松包含社区贡献的代码。
你不仅可以与演示一起跳舞,我们还鼓励你查看 周六夜晚 源代码 在 Github 上。最有趣的部分是它展示了如何追踪用户的移动和位置(头显和控制器)。而且,你也可以轻松地在自己的 A-Frame 项目中重用这些代码!
追踪代码已作为独立的 A-Frame 组件发布,你可以从 此 Github 仓库 或通过 NPM 获取。
npm install aframe-motion-capture
该仓库中有一些控制器。最高级的控制器,avatar-recorder
和 avatar-replayer
,允许你记录和回放头像的移动(头部和手部)。这对 QA 或自动化测试非常有用 - 在这些测试中,记录和回放用户操作具有巨大的价值。还可以探索新的用例:游戏机制或其他类型的交互式活动,例如控制角色移动,通过手势施法等。
如果你想了解更多关于周六夜晚或可重复使用的追踪组件的信息,查看 A-Frame 博客文章,Mozilla WebVR 团队的 Diego Marcos 在文章中分享了更多技术细节。
关于 Belén Albeza
Belén 是一位工程师和游戏开发者,在 Mozilla 开发者关系部门工作。她关注 Web 标准、高质量代码、可访问性和游戏开发。