The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 JavaScript WebXR Projects
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
SystemAnimatorOnline
XR Animator, AI-based Full Body Motion Capture and Extended Reality (XR) solution, powered by System Animator Online
-
moonrider
🌕🏄🏿 Surf the musical road among the stars. Side project built by two people in a few months to demonstrate WebXR.
-
AUXL
A-Frame UX Library : A Web XR System, Support Components, World Maps, Object Generators, Universal Controller & Interactive Powers.
-
webxr-threejs-midi-visualizer
WebXR, augmented reality MIDI data visualization, built with Three.js and Tone.js. See video: https://youtu.be/lIecCGtbqSM
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Regarding the optimization of the effect, I found an issue on the three.js GitHub repository: https://github.com/mrdoob/three.js/issues/14104 The alpha channel issue seems to be a difficult problem, which has been present since 2018. At the end of the discussion, a solution proposed by a contributor is not to modify the UnrealBloomPass but to blend the source texture and target texture in the shader.
I looked at it seriously for content authoring but gave it up.
The big problem is you cannot import images, textures, 3-d models and such from ordinary tools. You have something like constructive solid geometry to work with but only so much and there is a slider you can use to set the number of players and the more players the less geometry you can use.
I want to make worlds based in photographs (particularly pano and stereo) and art. McDonalds needs to put a Coca-Cola logo on the side of the cup. Either way it is a non-starter.
HW supports collaboration (more than one person shares the world) but https://aframe.io/ lets me make the content I want. If I have to choose one or the other I am going to pick the second.
My take on Meta Quest is that it seems highly successful as a gaming environment based on an app store but is skews towards single-player experiences. Like a lot of AAA games, the excellent Asgard’s Wrath 2 has some multiplayer tacked on but it is all meaningless like leaderboards and the occasional ghost that shows up in a procedurally generated dungeon.
Of course, Meta wants to make multiplayer experiences but somehow they just can’t do it.
10 × PlayCanvas Personal plan for 12 months
> Firefox Reality on the Oculus Go VR Headset
yes, through not limited to the Oculus
and it kinda folded Hubs (https://hubs.mozilla.com/) into it
and and I think there was a bit of additional research level stuff never ending up in user hands
but both are somewhat dead, idk. if Firefox Reality still works with any VR headset at all (it might still work with non standalone headset usage) and Hubs is shutting down end of March, a community version still exist (Hubs ~= somewhat like VRChat from the idea but not as VR specific and just less interesting in general)
same for most other things they are either dead or fizzled out (and some are stables, but don't bring users, like pdf.js)
One thing I forget to mention is FF does a lot of work to reduce fingerprint-ability of existing interfaces (while trying to avoid breaking websites by changing/breaking existing interfaces, like some other more privacy focused browsers do). A bunch of this is done in context for the tor-browser but also benefit normal FF. Sadly you using FF ads more information to the fingerprint then any of the protections due to better fingerprint protection (something which is true for any form of privacy protection not used en mass by every one).
Project mention: Enhanced sense of depth for mocap hands tracking (details on comments) | /r/vtubertech | 2023-08-06🖥️Windows/Linux app version
oculus quest and https://moonrider.xyz
Project mention: Launch HN: Sweep (YC S23) – A bot to create simple PRs in your codebase | news.ycombinator.com | 2023-08-03
AR-Webstore revolutionizes the shopping experience by seamlessly integrating augmented reality. With AR-Webstore, customers can visualize products in their own spaces and view all the virtual features more clearly. This empowers customers to make informed decisions, reduces return rates, and enhances engagement, resulting in a more satisfying and immersive shopping journey.
Here's a VR build! https://github.com/felixtrz/skybx
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
JavaScript WebXR related posts
- Mozilla '23 Ann. Report: CEO pay skyrockets while Firefox Marketshare nosedives
- is there a 3D metaverse, of the fediverse?
- Exploring Imaginary Worlds
- frameworks - aframe vs babylon vs others?
- [Valve Index] Comment utiliser mon index de soupape lorsque j'essaie d'accéder aux expériences VR de mon navigateur?
- A moment’s silence, please, for the death of Mark Zuckerberg’s metaverse. Meta sank tens of billions into its CEO’s virtual reality dream, but what will he do next? [Opinion]
- Hey! I've created a tool for our remote team to put every video call in a virtual environment. What do you think? The main idea is that regular zoom meetings are super boring and it's hard to make a 10 person team stay engaged..
-
A note from our sponsor - WorkOS
workos.com | 26 Apr 2024
Index
What are some of the best open-source WebXR projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | three.js | 98,873 |
2 | A-Frame | 16,192 |
3 | engine | 9,105 |
4 | hubs | 2,101 |
5 | troika | 1,509 |
6 | networked-aframe | 1,137 |
7 | unity-webxr-export | 965 |
8 | SystemAnimatorOnline | 639 |
9 | moonrider | 554 |
10 | WebXR-emulator-extension | 444 |
11 | app | 335 |
12 | 3dstreet | 240 |
13 | handy.js | 239 |
14 | webxr-handtracking | 196 |
15 | emukit | 135 |
16 | enva-xr | 112 |
17 | blocks | 58 |
18 | AR-Webstore | 50 |
19 | skybx | 28 |
20 | webxr-layers-polyfill | 19 |
21 | AUXL | 13 |
22 | webxr-threejs-midi-visualizer | 12 |
23 | teleport | 11 |
Sponsored