Javascript AR.JS使盒子变平_Javascript_Html_Augmented Reality_Aframe_Ar.js

Javascript AR.JS使盒子变平

javascript html aframe

Javascript AR.JS使盒子变平,javascript,html,augmented-reality,aframe,ar.js,Javascript,Html,Augmented Reality,Aframe,Ar.js,我正在使用我的AR.JS在AR模式上显示图像。我想知道是否有可能使这不是一个完整的盒子，而是只有一面，这样当我把相机向上移动时，我就看不到盒子的大小和顶部了？我原以为改变位置/尺寸就可以了，但那不行。有人有什么想法吗？这方面的信息似乎不多，因为大多数人都想要3D 我的代码随附：  <script src="vendor/aframe/build/aframe.min.js"></script> <!--

我正在使用我的AR.JS在AR模式上显示图像。我想知道是否有可能使这不是一个完整的盒子，而是只有一面，这样当我把相机向上移动时，我就看不到盒子的大小和顶部了？我原以为改变位置/尺寸就可以了，但那不行。有人有什么想法吗？这方面的信息似乎不多，因为大多数人都想要3D

我的代码随附：

<!-- include a-frame -->
<script src="vendor/aframe/build/aframe.min.js"></script>

<!-- include ar.js for aframe -->
<script src='../build/aframe-ar.js'></script>
<script>ARjs.Context.baseURL = '../../three.js/'</script>

<!-- start the body of your page -->
<body style='margin : 0px; overflow: hidden;'>
    <!-- add some info at the top of the page -->
    <div style='position: fixed; top: 10px; width:100%; text-align: center; z-index: 1; color:white; font-size:30px;'>
        <a>Prototype Coffee</a>
    </div>

    <!-- Define your 3d scene and enabled ar.js -->
    <a-scene embedded arjs='trackingMethod: best; debugUIEnabled: false;'>

        <!-- Create a anchor to attach your augmented reality -->
        <a-anchor hit-testing-enabled='true'>

            <!-- Add your augmented reality here -->
            <a-box position='0 1.0 0' material='side:single; src:https://.com/playground/aframe/examples/img/coffee-01.png;'>

        </a-anchor>

        <!-- Define a static camera -->
        <a-camera-static/>

    </a-scene>
</body>


ARjs.Context.baseURL='../../three.js/'
原型咖啡

尝试使用


如果看不到平面，可能是旋转问题：
我已经试过了，但当我使用它时，标记上再也看不到任何东西了。我在我的iPhone上试过你的密码笔，但它不起作用。我看不到任何平面，即使是旋转的平面
<a-plane position='0 1.0 0' material='src:https://.com/playground/aframe/examples/img/coffee-01.png;'></a-plane>