office VS react-xr

The result is a virtual reality experience built with BabylonJS which you can play at https://office.wilcoschoneveld.com/. In this post, I would like to share the challenges I ran into while building it. First, I describe the development process by talking about the technology used, the game plan, level design, and physics work. Next, I dive deep into my attempts to create a great user experience for throwing objects in VR. Finally, I present some tips for debugging a web VR project like mine. Also, the game is open source and can be found on GitHub. Thanks for taking a look!

I think the easiest for you would be to get into this through web development try this https://github.com/pmndrs/react-three-fiber coupled with this https://github.com/pmndrs/react-xr But don't expect super beautiful graphic from this, it's abstraction over three.js library which is abstraction over webgl standard which implements OpenGL ES 2.0 which is 7 years old graphics standard targeted to mobile devices with not much power. Or you can experiment with unity (unity XR) or unreal engine which are harder to learn but produce better graphics.

there's also a VR layer that makes previously complex things so easy https://github.com/pmndrs/react-xr

I'm a pure threejs afficionado myself, but r3f also has some good things going for it: https://github.com/pmndrs/react-xr

as an example, these are AR/VR components that allow you to build apps in minutes because all the hard parts have been taken take of, for instance gestures: https://github.com/pmndrs/react-xr

I haven’t played with it, but if I was going to I’d start here https://github.com/pmndrs/react-xr

React-XR for leveraging the WebXR API (e.g VR Headset + controllers) & React-Three-Drei which has useful functions for creating WebGL content.

React three fiber is amazing for building 3d on the web, and has an XR canvas https://github.com/pmndrs/react-xr

Their docs and examples are beautiful and make it so easy to get started. As a web dev myself, the transition was pretty easy, since it was as simple as "swapping dom out for threejs objects". You get the react "engine" around it for free. Super fun for game development. (even with WebXR support https://github.com/pmndrs/react-xr)