Getting started with Augmented Reality Kit
by kandikits Updated: Jun 28, 2022
Augmented reality enables you to bring virtual objects into your environment, augmenting the real world around with new digital content. With AR Kit, you can create experiences that integrate virtual images into the real world to interact with people, things, places, and services; simply by walking around a store, office, outdoors, or at home with a mobile device in their hands. A-Frame is a web framework for building virtual reality experiences. A-Frame is built on top of the web platform to allow it to work across multiple browsers without plugins. Arframe is a library that provides React components for working with A-Frame and React components for working with AR.js (AR library). Networked-aframe is an extension that makes it possible to use interactivity between multiple devices running A-Frame by connecting them over the WebRTC protocol. The entire list of open-source repos, popular and easy to use AR-specific libraries and a demo is provided below.
Aframe for Augmented Reality
A-Frame is an open-source web framework used for building Augmented reality (AR) experiences.
:a: Web framework for building virtual reality experiences.
:atom: Build virtual reality experiences with A-Frame and React.
A web framework for building multi-user virtual reality experiences.
Add-ons and helpers for A-Frame VR.
:mag: Visual inspector tool for A-Frame. Hit *<ctrl> + <alt> + i* on any A-Frame scene.
Three.js for AR Libraries
Three.js is the open-source web framework used to develop augmented reality (AR) projects.
🇨🇭 A React renderer for Three.js
TypeScript 21972 Version:v8.12.0 License: Permissive (MIT)
Interactive sketches made with three.js.
Vue bindings for Three.js
This is a place where I post sketches, experiments and the like based on Three.js
Neural network 3D visualization framework, build interactive and intuitive model in browsers, support pre-trained deep learning models from TensorFlow, Keras, TensorFlow.js
Web AR Libraries
Web-based augmented reality (WebAR) is the most advanced technology that allows users to access AR experiences directly from their smartphones.
Web Augmented Reality. Image Tracking, Face Tracking. Tensorflow.js
Efficient Augmented Reality for the Web - 60fps on mobile!
HTML 15681 Version:Current License: Permissive (MIT)
Image tracking, Location Based AR, Marker tracking. All on the Web.
Examples using the AR.js library
documentation for AR.js