Recent Posts

css color art

Papaya Whip 3 Ways


Building Something beautiful

Custom Markers with Ar.js

There are a bunch of tickets regarding how to get this working. Here is a step by step guide that has worked for me.

The first thing you have to do is modify the ar.js code to recognize a custom marker:



Once the above is added the entire statement should look like this:


The next step is to generate a custom marker. Using the marker tool. The background must be 240, 240, 240 before you upload it. If you upload your image with a transparent or white background it wont work.

Here is one you can upload into the marker to test:


Finally add the marker to your code:


You may also Like

Leave a reply

Your email address will not be published. Required fields are marked *

Welcome to

About Me

Hello - Thanks for stopping by :).

I am working on Web Augmented Reality at Code to Canvas.

Code to Canvas

Stay Connected

Instagram Feed