react-xr
WebXR-emulator-extension
react-xr | WebXR-emulator-extension | |
---|---|---|
12 | 4 | |
1,922 | 444 | |
1.4% | 0.0% | |
6.4 | 0.0 | |
3 months ago | about 1 year ago | |
TypeScript | JavaScript | |
MIT License | Mozilla Public License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-xr
-
My own collection so far :)
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.
-
I need a push in the right direction
there's also a VR layer that makes previously complex things so easy https://github.com/pmndrs/react-xr
-
Having trouble deciding on a stack?
I'm a pure threejs afficionado myself, but r3f also has some good things going for it: https://github.com/pmndrs/react-xr
-
Three.js learning process
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
-
VR - React Library?
I havenโt played with it, but if I was going to Iโd start here https://github.com/pmndrs/react-xr
-
How to create cross device compatible WebXR experiences
React-XR for leveraging the WebXR API (e.g VR Headset + controllers) & React-Three-Drei which has useful functions for creating WebGL content.
- Help with 360 panoramic view of an image
-
Best options to build WebAR app? (Marker and Markerless)
React three fiber is amazing for building 3d on the web, and has an XR canvas https://github.com/pmndrs/react-xr
- Push Notifications, WebXR, and better PWA support coming to iOS
-
Does React-three-fiber improve how ThreeJS and React work together or is it more designed to give a react-like experience (components) within threejs?
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)
WebXR-emulator-extension
- How to develop WebVR without using a helmet?
-
Hey. Everyone. Do anyone know the best way to recenter the ar session. When the user moved a distance and we relocated the tracking to 0. Just like it is from the beginning of the session. Thanks very much.
https://immersive-web.github.io/webxr-samples/teleportation.html
-
Challenges of a web VR throwing game
Get a hold of the WebXR emulator extension. It is limited in features but it does allow you to enter VR in a desktop browser and test your application with some basic inputs. With tip 4, this is very powerful and you can test a lot before actually putting on the headset.
-
Some progress on emulating WebXR hardware thru computer vision (JavaScript), so that you can work on WebXR apps w/o hardware! Powered by my library Handsfree.js.org and the Mozilla WebXR Emulator Extension
Here is the original emulator (w/o handsfree): https://github.com/MozillaReality/WebXR-emulator-extension
What are some alternatives?
react-three-fiber - ๐จ๐ญ A React renderer for Three.js
webxr-handtracking - ๐ WebXR hand tracking examples
react-three-next - React Three Fiber, Threejs, Nextjs starter
model_viewer.dart - A Flutter widget for rendering interactive 3D models in the glTF and GLB formats.
mind-ar-js - Web Augmented Reality. Image Tracking, Face Tracking. Tensorflow.js
cannon-es - ๐ฃ A lightweight 3D physics engine written in JavaScript.
use-cannon - ๐๐ฃ physics based hooks for @react-three/fiber
squidgame - Red light green light game from squid game made using JavaScript and Three.js
gltfjsx - ๐ฎ Turns GLTFs into JSX components
three_mmi - A utility class that enables to easily set up a simple callback for mouse interacting with threejs mesh.
Echo-VR-Haptics - Bhaptic feedback support for echo arena