Skip to main content

AR Markers

Ar markers are much like QR codes, a black and white (or other high contrast color combination) pattern that stores information. In AR they're used as markers that denote positions of 3D models. 

Builtin Barcode Markers


These are built into ar.js (or rather artoolkit / arcore ar.js uses). They are generally reliable and will provide stable models even on older devices. Artoolkit Barcode Markers collection

https://github.com/nicolocarpignoli/artoolkit-barcode-markers-collection(github).

Custom AR Pattern Markers

Any simple pixer art image can be converted into a marker. A marker should be:

  • not simetric
  • very simple (16x16 px)
  • have a border in high contrast with the image

The best method was to draw 16x16 pixel image

art,

then upscale to 1024x1024

and use the pattern trainer on https://ar-js-org.github.io/AR.js/three.js/examples/marker-training/examples/generator.htmlar.js github to train it and generate a patt file

and
an
image.
The
patt
files it
generates
is

imagesa shouldsimple beformat that uses numbers from 0 - 255

Create NFT Markers from images

Install nodejs (8) in windows: 

choco install nodejs.install -version 8.10.0 --allow-downgrade

git clone https://github.com/Carnaux/NFT-Marker-Creator

Install dependencies

npm install

Run the script

node app.js -i PATH/TO/IMAGE

In the end of the process an "output" folder will be created(if it does not exist) with the marker files.

https://github.com/Carnaux/NFT-Marker-Creator/wiki/Creating-good-markers

Online version (works faster!? Needs testing)

https://carnaux.github.io/NFT-Marker-Creator/#/

How to create your own augmented reality marker? 

https://overlyapp.com/blog/how-to-create-an-augmented-reality-marker/

Qr code generator

https://qr-code-generator.org/