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/

    Back to top