title: How to get detect multiple markers with AR.js
body: <p>I am trying to detect different markers. One is a pattern named and1painting.patt and the other is the preset 'hiro'</p>
  
  <p>When I show the hiro pattern, it is detected by the and1painting.patt marker. E.g. in the following code, it always shows the blue box rather than red, when I show the hiro marker. Thoughts on why? I tried this with the sample1.patt that is already in the repo but it didn't work either.</p>
  
  <pre><code>&lt;!doctype HTML&gt;
  &lt;html&gt;
  &lt;script src="https://aframe.io/releases/0.6.1/aframe.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"&gt; &lt;/script&gt;
    &lt;body style='margin : 0px; overflow: hidden;'&gt;
      &lt;a-scene embedded arjs='sourceType: webcam;'&gt;
          &lt;a-marker type='pattern' patternUrl='Data/and1painting.patt'&gt;
              &lt;a-box position='0 0.5 0' material='opacity: 0.5; side:double; color:blue;'&gt;
              &lt;/a-box&gt;
          &lt;/a-marker&gt;
          &lt;!-- handle marker with hiro preset --&gt;
          &lt;a-marker preset='hiro'&gt;
              &lt;a-box position='0 0.5 0' material='opacity: 0.5; side:double; color:red;'&gt;
              &lt;/a-box&gt;
          &lt;/a-marker&gt;
          &lt;a-entity camera&gt;&lt;/a-entity&gt;
      &lt;/a-scene&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>