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 (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 art, then upscale to 1024x1024 and use the pattern trainer on ar.js github to train it and generate a patt file and an image. The patt files it generates is a simple format 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/