Basic information of AR.js - u-service21

Basic information of AR.js

What is AR.js？

A javascript library that allows you to implement AR with simple code

Published on the web, Anyone can access!

https://ar-js-org.github.io/AR.js-Docs/logo.png

Supported AR types

Image Tracking: Supports photos other than markers and 2D illustrations

Location Based AR: Display AR based on location information like Pokemon GO

Marker Tracking: Display AR using markers. It is possible to create an existing marker + a new marker.

A-Frame

A-Frame is a VR development environment

By making A-Frame compatible with AR space, AR content creation becomes simpler

Import A-frame and AR.js

For Marker Tracking, add the following two

code: html

<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>

<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>

For Image Tracking, add the following two

code: html

<script src="https://cdn.jsdelivr.net/gh/aframevr/aframe@1c2407b26c61958baa93967b5412487cd94b290b/dist/aframe-master.min.js"></script>

<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>

Tags used in the code

You can check the tags that can be used here

References

AR.js Documentation