Recent Posts




css color art

Papaya Whip 3 Ways


Categories

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 Katharine.org

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

×