Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →
Top 7 TypeScript WebXR Projects
-
BabylonJS
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
Project mention: Anime.js – A lightweight JavaScript animation library | news.ycombinator.com | 2023-06-22 -
That said, maybe in your case, if it's a really minimal 3D viewer, it could be that the modelviewer.dev could what you need. You can use it like any other html element and just link it to a 3D model you export from blender as a .glb file. I think it also allows you to add labels.
-
Appwrite
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
-
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.
-
If you want a full engine, check out Ethereal Engine. You can get it open source for local dev at https://github.com/etherealengine/etherealengine or get a hosted version at www.etherealengine.com.
-
Might want to check this out too: https://github.com/sketchpunklabs/ossos I haven't used it, but it looks rad.. and might handle the ik you need..
-
As someone who has written math libraries over and over again for the last 25 years (no joke - wrote this in 1997: https://github.com/bhouston/BezierCurveDemo1997/blob/master/... and just recently wrote the Threeify math library: https://github.com/bhouston/threeify/tree/master/packages/ma...), I find that operator overloading works only for the simple cases but that for performance and clarify, function names work best.
Function names let you clarify that it is an outside product or inside product (e.g. there are often different types of adds, multiplies, divides), and I can not stand when someone maps cross product onto ^ or dot product onto something else. Also operator overloading often doesn't make clear memory management, rather it replies on making new objects constantly, where as with function names, you can pass in a parameter that will take the result. Lastly, function names allow you to pass in how to handle various conditions, like non-invertible, NANs, etc.
I find word based function more verbose but significant less error prone and also they are more performant. Operator overloading is only good for very simple code and even then people always push it too far so that I can not understand it.
-
Project mention: I made a free browser-based osu!taiko client that works in VR | /r/osugame | 2022-12-26
It is also open source for anyone who wishes to contribute: https://github.com/CadenzaVR/cadenza
-
Onboard AI
Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-07-11.
TypeScript WebXR related posts
- My own collection so far :)
- WebGL2 Fundamentals
- I need a push in the right direction
- Having trouble deciding on a stack?
- We've been building Web AR worlds on the Quest 2 in preparation for the Quest Pro - Please try and give us feedback! - https://xrti.me
- To the Open Web Metaverse! In response to Meta Connect we thought of sharing something we’ve been working on with Augmented Reality WebXR immersive eCommerce (iCommerce) with a Virtual Reality Brand Expert
- The metaverse is interoperable game asset standards and frameworks, I'm working with other indie devs and a few small studios to build a common toolbox as an open code collective. Would you join?
-
A note from our sponsor - Sonar
www.sonarsource.com | 3 Oct 2023
Index
What are some of the best open-source WebXR projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | BabylonJS | 21,448 |
| 2 | model-viewer | 6,006 |
| 3 | react-xr | 1,747 |
| 4 | etherealengine | 641 |
| 5 | ossos | 332 |
| 6 | threeify | 188 |
| 7 | cadenza | 12 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com