title: How to create custom marker in Ar.js?
body: <p>I Was wondering how things work in Ar.js , But i was stuck with
  creating custom Markers and custom shapes , is there any way to
  customize things.</p>
  
  <p>this is What i have got things to getting started.</p>
  
  <pre><code>&lt;script src="https://aframe.io/releases/0.6.0/aframe.min.js"&gt;&lt;/script&gt;
  &lt;!-- include ar.js for A-Frame --&gt;
  &lt;script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"&gt;&lt;/script&gt;
  &lt;body style='margin : 0px; overflow: hidden;'&gt;
    &lt;a-scene embedded arjs&gt;
      &lt;!-- create your content here. just a box for now --&gt;
      &lt;a-box position='0 0.5 0' material='opacity: 0.5;'&gt;&lt;/a-box&gt;
      &lt;!-- define a camera which will move according to the marker position --&gt;
      &lt;a-marker-camera preset='hiro'&gt;&lt;/a-marker-camera&gt;
    &lt;/a-scene&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>This is simple example for getting started</p>