Мой компонент A-Frame не может получить текущее вращение a-видеосферы Y - PullRequest
Новая
       4

Мой компонент A-Frame не может получить текущее вращение a-видеосферы Y

0 голосов
/ 12 июня 2019

Я хотел бы создать элемент пользовательского интерфейса компаса, чтобы показать пользователю, где он смотрит в видеосферу.

Чтобы достичь этого, мне нужно получить вращение Y-a-видеосферы.Я создал компонент, чтобы прочитать вращение Y моей видео сферы и (на минуту) обновить консоль.

Вот моя страница: 

    <!DOCTYPE html>
    <html>
      <body>
        <script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>            
        <script src="play-on-window-click.js"></script>
        <script src="rotation-reader.js"></script>
        <a-scene vr-mode-ui="enabled: false" loading-screen="enabled: false">

          <a-videosphere rotation="0 180 0" src="#video" 
                 play-on-window-click
                 rotation-reader>
          </a-videosphere> 

          <a-assets>
            <video id="video" style="display:none" 
           autoplay loop crossorigin="anonymous" playsinline webkit-playsinline>
    <source type="video/mp4"             src="https://ucarecdn.com/fadab25d-0b3a-45f7-8ef5-85318e92a261/" /></video>
          </a-assets>
        </a-scene>
        <!-- Show the rotation -->
        <div id="rotationDisplay" style="position:absolute;top:10px;right:10px;color:white;border: 1px solid; padding:5px">-Dummy Text-</div>
      </body>
    </html>

Ниже находится мой компонент "translation-reader.js-".Я прикрепил его к 

    AFRAME.registerComponent('rotation-reader', {
        tick: (function () {
            var rotation = this.el.components.rotation.data.y;
            console.log(rotation);
            })
    });

Когда я перемещаюсь в видео, я ожидаю, что получу распечатку из вращения Y видеосферы, вместо этого я получу начальную позицию вращения Y"160".Это значение не обновляется: (

Вот демонстрационная версия всего этого: https://glitch.com/~veil-ant

1 Ответ

0 голосов
/ 12 июня 2019

Я думаю, здесь есть небольшое заблуждение.Вы вращаете камеру, а не видеосферу.

Вращение видеосферы является постоянным, и установите здесь 180: 

<a-videosphere rotation="0 180 0" src="#video"

Вы должны проверить вращение камеры, дляпример: 

<a-camera rotation-reader>

Проверьте это в this fiddle.

...