react-xr
AUXL
react-xr | AUXL | |
---|---|---|
12 | 7 | |
1,922 | 13 | |
1.4% | - | |
6.4 | 8.9 | |
3 months ago | about 2 months ago | |
TypeScript | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
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)
AUXL
-
Ask HN: Favorite Game Engine?
I tried a bunch of the popular game engines and none of them really clicked for me. It wasn't until I found A-Frame and Three.js (which isn't an engine at all, but a Web 3D XR VR AR Renderer) that had an Entity-Component Architecture with a foss eco system of components that you could mix and match then things started making more sense.
So did I cleverly use all these freely built components to make the greatest XR experience ever? Nah, I decided to re-invent the wheel and do everything myself :). I do enjoy the challenge and freedom to build my own ultimate tool though and I know it's not likely others will use it, but I did release it under GPL3 anyways. It has a wiki (slightly outdated atm :)), starter script and some examples too.
It's pretty fun as both a learning/practice experience and actually be able to use it for various builds. Makes it even easier to prototype XR ideas which I love. I am currently wrapping v0.3 which has added tons of improvements, although it's not exactly ready for release, if anyone feels like checking it out I added some links as ref...
AUXL (A-Frame UX Library) v0.3 repo --> https://github.com/Minty-Crisp/AUXL
-
Web XR Javascript Engine : A-Frame UX Library (AUXL) v0.2 Released!
Get started building your own AUXL XR experiences with the guide here --> (https://github.com/Minty-Crisp/AUXL/wiki/Getting-Started-with-AUXL)
-
AUXL (A-Frame UX Library) - An engine to help create more interesting and dynamic XR scenes with A-Frame
View the repo here --> https://github.com/Minty-Crisp/AUXL
-
VR for architects
I'm actually working on an advanced engine for A-Frame which most likely is overkill for your current needs, but maybe in the future if you wanted more interaction, movement and scene features it may interest you. https://github.com/Minty-Crisp/AUXL
-
Having trouble deciding on a stack?
I myself hope to create lots and lots of interesting Web XR experiences using A-Frame specifically, so much so that I started creating my own foss A-Frame UX Library engine to make it easier to do so. It's called AUXL and you can check out the repo with a basic in-progress example here -> https://github.com/Minty-Crisp/AUXL . I am still fine tuning the basic v0.1 release with more testing and polishing, but plan on building out normal web site like scenarios as well as a mini Hidden Object Puzzler and Visual Novel experience to help stress test the system looking for improvements. A wiki will come later as well, but if you are interested in playing with it feel free to hit me up with any questions about it and I can help you get started.
-
Webxr and aframe
I'm still polishing the initial version v0.1 and no wiki just yet, but if you have any questions hit me up or are interested in contributing I'd be happy for the assistance. https://github.com/Minty-Crisp/AUXL
What are some alternatives?
react-three-fiber - ๐จ๐ญ A React renderer for Three.js
upbge - UPBGE, the best integrated game engine in Blender
WebXR-emulator-extension - WebXR emulator extension
Obsidian - A community continuation of the OBLIGE Level Maker, originally by Andrew Apted, combined with ObAddon.
react-three-next - React Three Fiber, Threejs, Nextjs starter
Pygame - ๐๐ฎ pygame (the library) is a Free and Open Source python programming language library for making multimedia applications like games built on top of the excellent SDL library. C, Python, Native, OpenGL.
mind-ar-js - Web Augmented Reality. Image Tracking, Face Tracking. Tensorflow.js
blitz3d
use-cannon - ๐๐ฃ physics based hooks for @react-three/fiber
love - LรVE is an awesome 2D game framework for Lua.
gltfjsx - ๐ฎ Turns GLTFs into JSX components
GDevelop - :video_game: Open-source, cross-platform game engine designed to be used by everyone.