A-Frame :如何使用光线投射器旋转远距离组件？

<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>

<a-scene>
  <!-- 在这里添加你的场景内容 -->
</a-scene>

<a-box id="myBox" position="0 1.5 -3" rotation="0 0 0" color="red"></a-box>

<a-entity id="raycaster" raycaster="objects: [myBox]; far: 10"></a-entity>

<a-entity id="camera" camera look-controls>
  <a-cursor id="cursor" raycaster="objects: [myBox]; far: 10" fuse="true" fuse-timeout="2000"></a-cursor>
</a-entity>

<script>
  AFRAME.registerComponent('cursor-listener', {
    init: function () {
      var el = this.el;
      el.addEventListener('click', function (evt) {
        var myBox = document.querySelector('#myBox');
        myBox.setAttribute('rotation', '0 45 0');
      });
      el.addEventListener('mouseenter', function (evt) {
        var myBox = document.querySelector('#myBox');
        myBox.setAttribute('rotation', '0 45 0');
      });
    }
  });
</script>

<a-entity id="cursor" raycaster="objects: [myBox]; far: 10" cursor-listener></a-entity>