Можно ли отобразить значение из переменной javascript в Aframe? ? - PullRequest
0 голосов
/ 23 марта 2020
  <html>
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
    <script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.7.7/aframe/build/aframe-ar.js"></script>
    <script>
      var d=new Date();
    </script>
      <body style='margin : 0px; overflow: hidden;'>
        <a-scene embedded arjs>
          <a-marker preset="hiro">
        <a-text position='-.5 -1 -1.8' rotation='-45 0 0' color='red' value=var d></a-text>
          </a-marker>
          <a-entity camera></a-entity>
        </a-scene>
      </body>
    </html>

Я новичок в Афраме. Я просто хочу отобразить значение переменной "d" в рамке a-text. Это возможно или нет?

1 Ответ

0 голосов
/ 23 марта 2020

Чтобы сделать это в чистом виде js, вы можете добавить идентификатор к вашему текстовому элементу, например,

<a-text id="mytext"></a-text>

, а затем изменить свой скрипт на следующее:

<script>
   var d = new Date();
   var text = document.querySelector('#mytext')
   text.setAttribute('value', d)
</script>

но было бы лучше сделать это в компоненте следующим образом

<script> 

AFRAME.registerComponent('displaydate', {

  init: function(){

    var d = new Date()
    this.el.setAttribute('value', d)

  }

})

</script>

, а затем прикрепить этот компонент к вашему текстовому элементу, например:

<a-text displaydate></a-text>
...