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. Learn more →
Top 15 JavaScript Augmented Reality Projects
-
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 remember inventing signals circa 2005 for a knowledge graph editor I worked on in GWT back when I didn't care about knowledge graphs. Not long after that I was using similar concepts to develop a complex Silverlight decision support application for sales territories.
I'm still a little appalled that people have forgotten how to make HTML form applications like we made in 1999 and frequently use React for things that don't really need it. React has, I think, one of the most elegant methods of implementing a widget set ever invented (sure beats XAML, FXML, Visual Basic, etc.) but it doesn't support a real answer to maintaining application state that would be adequate for applications as complex as RIAs made by early adopters in 2005.
My favorite use for React is
which works like a cross between VRML and Unity Framework. Here you can easily build a virtual world that people can experience with desktop, mobile and VR headsets. Something you can't do with HTML forms!
I have a few side projects based on HTMX but I am pretty sure we will see something like it but better soon. In particular back end frameworks need to be updated for the new reality. Often you have a "component" like a dropdown box which can either be drawn as part of a bigger page or updated on its own and you really need some way you can reuse the HTML template for those purposes and hopefully also reuse associated code that does database lookups and such.
-
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.
-
-
jeelizFaceFilter
Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).
-
-
And actually OP, if all you need is image-tracking you could look into JS-lib-only solutions like this one: https://github.com/hiukim/mind-ar-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
Project mention: Enhanced sense of depth for mocap hands tracking (details on comments) | /r/vtubertech | 2023-08-06🖥️Windows/Linux app version
-
jeelizGlassesVTOWidget
JavaScript/WebGL glasses virtual try-on widget. Real-time camera experience, robust to all lighting conditions, high-end 3D PBR rendering, easy integration, fully customizable.
-
-
-
-
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.
-
A-Frame-Component-Web-VPS
This is an experimental A-Frame component for web based VPS powered by Immersal's REST API.
Project mention: Experimental web based VPS component (Immersal) for A-Frame. | /r/augmentedreality | 2023-04-29Happy to share experimental web VPS component for A-Frame which uses Immersal's API. It is basically a wrapper for Three.js. Repo: https://github.com/akbartus/A-Frame-Component-Web-VPS. Feel free to test it
-
This is U2Net component for webAR (YES! it is a component!). For those who do not know about u2net, it is a neural model which lets doing salient object detection, i.e. determine what is the main object in an image (then it cut it and shows). Very important thing to note this u2net model is completely served on mobile browser and does not require any web servers. It is compatible with free webAR frameworks as MindAr.js and Ar.js (since both use A-Frame). Some of ways of using it might include webAR coloring experiences, instant AR experiences, etc. Feel free to comment and ask for additional features. Though the work is still in progress. Demo: https://u2net.glitch.me . Repo: https://github.com/akbartus/A-Frame-Component-U2Net
-
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.
JavaScript Augmented Reality related posts
- Enhanced sense of depth for mocap hands tracking (details on comments)
- Alternative to VUP?
- How the actual hell has nobody made a dedicated vtubing camera that can compete with the iPhone's true depth camera?
- 8thwall pricing is crazy
- I made a 3D menu
- How to create Virtual try on of clothes and then integrate them into a website
- A strongly typed Google Model-Viewer implementation in React
-
A note from our sponsor - SurveyJS
surveyjs.io | 18 Apr 2024
Index
What are some of the best open-source Augmented Reality projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | three.js | 98,752 |
2 | A-Frame | 16,166 |
3 | AR.js | 5,175 |
4 | jeelizFaceFilter | 2,617 |
5 | viro | 2,231 |
6 | mind-ar-js | 2,055 |
7 | unity-webxr-export | 962 |
8 | SystemAnimatorOnline | 621 |
9 | jeelizGlassesVTOWidget | 254 |
10 | enva-xr | 111 |
11 | WebAR.rocks.hand | 96 |
12 | WebAR.rocks.face | 77 |
13 | AR-Webstore | 50 |
14 | A-Frame-Component-Web-VPS | 5 |
15 | A-Frame-Component-U2Net | 1 |