Ar.js: aframe-ar demo problem

Created on 12 Aug 2017 · 11Comments · Source: jeromeetienne/AR.js

I have a problem with aframe-ar.
arjs
The demo with aframe-ar show the model even when the marker isn't visible anymore.
I don't have this problem with tree.js demo.

Source

michellomp

Most helpful comment

I have encountered the same issue.
Sample code to reproduce:

<html>
<script src="https://aframe.io/releases/0.6.1/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"> </script>
  <body style='margin : 0px; overflow: hidden;'>
    <a-scene embedded arjs>
      <a-marker-camera preset='hiro'>
        <a-box position='0 0.5 0' material='color: black;'></a-box>
      </a-marker-camera>
    </a-scene>
  </body>
</html>

But when using the code below, it works as expected.

<html>
<script src="https://aframe.io/releases/0.6.1/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"> </script>
  <body style='margin : 0px; overflow: hidden;'>
    <a-scene embedded arjs>
      <a-marker preset="hiro">
            <a-box position='0 0.5 0' material='color: black;'></a-box>
      </a-marker>
      <a-entity camera></a-entity>
    </a-scene>
  </body>
</html>

If I'm not mistaking, the code examples have the same result. But they use a different approach.

This is the solution to this issue. If you look at A-Frame's documentation they also utilize the same methodology. You must wrap your entities with a marker and then have a separate camera entity. Do not combine the marker and camera into one entity.

armonnaeini on 27 Nov 2018

👍3

All 11 comments

same. The 3D object appear before webcam video is drawn on canvas.

Ruion on 13 Aug 2017

`https://medium.com/arjs/augmented-reality-in-10-lines-of-html-4e193ea9fdbf -->

  <a-anchor hit-testing-enabled='true'>

            <a-entity cursor="fuse: true; fuseTimeout: 500"
        position="0 0 -1"
        geometry="primitive: ring; radiusInner: 0.02; radiusOuter: 0.06"
        material="color: black; shader: flat"></a-entity>



  </a-anchor>
    <a-camera-static/>
</a-scene>

use this cord

isuruwelagedara on 20 Aug 2017

I have encountered the same issue.
Sample code to reproduce:

<html>
<script src="https://aframe.io/releases/0.6.1/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"> </script>
  <body style='margin : 0px; overflow: hidden;'>
    <a-scene embedded arjs>
      <a-marker-camera preset='hiro'>
        <a-box position='0 0.5 0' material='color: black;'></a-box>
      </a-marker-camera>
    </a-scene>
  </body>
</html>

But when using the code below, it works as expected.

<html>
<script src="https://aframe.io/releases/0.6.1/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"> </script>
  <body style='margin : 0px; overflow: hidden;'>
    <a-scene embedded arjs>
    <a-marker preset="hiro">
            <a-box position='0 0.5 0' material='color: black;'></a-box>
    </a-marker>
    <a-entity camera></a-entity>
    </a-scene>
  </body>
</html>

If I'm not mistaking, the code examples have the same result. But they use a different approach.

wimvdc on 23 Aug 2017

whats the status of this? I have the same problem, the marker is out but the object remains

javismiles on 12 Oct 2017

👍1

this really needs fixing I agree

when using a-entity camera, 3D object disappears when marker is not recognized

when using a-marker-camera , 3D object remains after we move away from marker

problem is a-marker camera works great, much better than a-entity camera, but this is a real problem that the projected object doesnt disappear after you move away, big bug

159 and #160

thank u

javismiles on 23 Oct 2017

Anyone have an update or potential fix for this? I'm having the same issue. I'd prefer to use a-marker-camera as my application needs the marker to be static and the camera to move.

aschmelyun on 1 Feb 2018

👍1

Bump for update

Vektorz3D on 17 Mar 2018

👍1

any update on this?

nfriend21 on 30 Apr 2018

if anyone on this thread figured out a solution on this, would be awesome if you could post how you did it. thanks so much!

nfriend21 on 30 Apr 2018

I also face the same issue now.
Is it not updated yet?

kageori on 14 Aug 2018

I have encountered the same issue.
Sample code to reproduce:

<html>
<script src="https://aframe.io/releases/0.6.1/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"> </script>
  <body style='margin : 0px; overflow: hidden;'>
    <a-scene embedded arjs>
      <a-marker-camera preset='hiro'>
        <a-box position='0 0.5 0' material='color: black;'></a-box>
      </a-marker-camera>
    </a-scene>
  </body>
</html>

But when using the code below, it works as expected.

<html>
<script src="https://aframe.io/releases/0.6.1/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"> </script>
  <body style='margin : 0px; overflow: hidden;'>
    <a-scene embedded arjs>
      <a-marker preset="hiro">
            <a-box position='0 0.5 0' material='color: black;'></a-box>
      </a-marker>
      <a-entity camera></a-entity>
    </a-scene>
  </body>
</html>

If I'm not mistaking, the code examples have the same result. But they use a different approach.

armonnaeini on 27 Nov 2018

👍3

Was this page helpful?

0 / 5 - 0 ratings