The Augmented Web

Augmented Reality on the web. For everyone.

Note: This library is based on aruco, you can see this as an extension of aruco.

Why augmented-web.js?

Because it's easy to use.

I needed to make an augmented reality application under pressure, but I didn't find any easy way to realize it. Therefore I decided to understand aruco to simplify it then for developers.

Because everyone can use it

All you need to use the augmented reality applications is a browser (and a cam).

SO GO AND BUILD SOMETHING GREAT!

How to use augmented-web.js?

There's only one simple function:

setupAR(
  container: DOMElement,
  height: Number || 'FULL',
  width: Number || 'FULL',
  detectedMarkers: Function
)

1. container Pass a valid DOM-Element. This element will then be filled with the camera + the augmented content.

2. height The height of the element. This can be 'FULL' (exported by the package as a constant) or a number.

3. width The width of the element. This can be 'FULL' (exported by the package as a constant) or a number.

4. detectedMarkers This must be a function with one parameter: markers. This function is always called, when aruco-markers were detected. Markers is an array of objects with the following structure:

  {
    id: Number,
    setVideo: Function,
    setModel: Function
  }

Call the 'setVideo'-function with a valid video url as the first parameter to set an augmented-reality video. Call the 'setModel'-function with a valid three-js mesh as the first parameter to set an augmented-reality program.