Как мне наложить текст поверхс AR.js и A-Frame? - PullRequest
Новая
       61

Как мне наложить текст поверхс AR.js и A-Frame?

0 голосов
/ 21 сентября 2019

Я нахожусь в проекте webAR с AR.js и A-Frame, и я пытаюсь наложить текст на плоскость или прямоугольник, сначала я думал, что текст находится за плоскостью, но после того, как я даю непрозрачность 0,5 для плоскостиЯ понял, что текст на самом деле не сосуществует с плоскостью, где они пересекаются.Что я делаю не так?

Ценю любую помощь!

Предварительный просмотр

Мой код: 

<script src="js/aframe-0.9.0.min.js"></script>
<script src="js/aframe-ar-1.7.1.min.js"></script>


  <a-scene vr-mode-ui="enabled: false" embedded arjs='debugUIEnabled:false; sourceType:webcam; detectionMode: mono_and_matrix; matrixCodeType: 3x3; cameraParametersUrl: camera_para.dat; maxDetectionRate: 10;' renderer="logarithmicDepthBuffer: true; precision: high;">

    <a-assets>

        <a-mixin id="text"
            text="align: center; width: 3;
            font: https://cdn.aframe.io/fonts/Aileron-Semibold.fnt;
            value: Some text.">
        </a-mixin>

    </a-assets>

    <a-marker type="barcode" value="51" smooth="true" smoothCount="10" smoothTolerance="0.005" smoothThreshold="1">
        <a-plane rotation="-90 0 0" position="0 0 0" material="opacity: 0.7" color="red"></a-plane>
        <a-text mixin="text" position="0 1 0" wrap-count="15" rotation="-90 0 0" color="blue"></a-text>
    </a-marker>

<a-light type="ambient" color="#fff"></a-light>
<a-light type="directional" color="#fff" intensity="0.3" position="-0.5 1 1"></a-light>

<a-entity camera></a-entity>

1 Ответ

0 голосов
/ 22 сентября 2019

И плоскость, и текст имеют одинаковую позицию z (0).Измените одно из них, чтобы иметь другое (больше или меньше 0) свойство z.Вы хотите узнать местоположение камеры (в z).Вы можете сделать это с помощью инспектора (контроль Alt I).Если камера положительна z, сделайте положение текста положительным числом.Если камера отрицательна по z, сделайте текст положительным числом.Тогда они не будут находиться в одном самолете и не будут "z-fight".

...