AR.JS Make Box Flat - PullRequest
Новая
       49

AR.JS Make Box Flat

0 голосов
/ 11 июня 2018

Я использую свой 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>

1 Ответ

0 голосов
/ 11 июня 2018

Попробуйте использовать <a-plane> вместо: 

<a-plane position='0 1.0 0' material='src:https://.com/playground/aframe/examples/img/coffee-01.png;'></a-plane>

Рабочая кодовая ручка здесь .

Если вы не видите плоскость, это может быть вопросомвращения: enter image description here

...