Skip to content

Latest commit

 

History

History
67 lines (44 loc) · 1.92 KB

README.md

File metadata and controls

67 lines (44 loc) · 1.92 KB
Raw

WebXR-Tests-3

WebXR tests using:

Test site:

One of the benefits of WebXR over Unity and Unreal, is the development workflow. This vite based setup is particularly fast to iterate with. Make a change in code, save, and within seconds the change becomes visible.

Purpose

Test and verify WebXR functionality using Babylon.js 5. Key features tested:

  • High fidelity controller models
  • Teleport functionality (use right joystick)
  • Multiple scene transitioning
  • Basic UI and input functionality
  • 360° and 180° photos and videos
  • PBR Materials
  • Etc

While most of the functionality works across all browsers and devices, including Safari/iOS, these demos are primarily meant to be viewed within a VR headset. Testing was done with a Meta Quest 2.

Additional notes and thoughts here:

Screenhots

Browsers all the way down... webxr-3-tests-1

Not the most exiting demo, but it does work... webxr-3-tests-1

2D UI in VR... webxr-3-tests-1

Immersive photos and videos... webxr-3-tests-1

PBR and high fidelity models... webxr-3-tests-1

Project Setup Examples

A simpler repo showing the minimal setup for using Babylon.js and Vite for WebXR development is here:

The Vue example does not use reactivity for Babylon.js. There are other projects showing how to do that if interested, with both Vue and React.