aframe получить позицию курсора и установить объект в этом положении - PullRequest
Новая
       29

aframe получить позицию курсора и установить объект в этом положении

0 голосов
/ 18 января 2019

мне нужно знать, как я могу получить позицию курсора камеры и добавить объект в эту позицию, я проверяю многие решения как как я могу добавить объект в позицию курсора, используя aFrame вот мой пример кода ` 

  <a-text font="kelsonsans" value="Puy de Sancy, France" width="6" position="2 11 0"
          rotation="0 15 0"></a-text>

          <a-camera camera-logger id="camera"> <a-cursor fuse="true" color="yellow"></a-cursor> </a-camera>
</a-scene>`

вот мой код JS 

  function getPos(){
     var cameraEl = document.querySelector('#camera');
     var WorldPosition = cameraEl.object3D.getWorldPosition();
     var pos = cameraEl.getAttribute('position');
     var rot = cameraEl.getAttribute('rotation');
     console.log(WorldPosition);
     console.log(pos);
     console.log(rot);
  }

но когда я пытаюсь установить положение объекта согласно приведенному ниже положению, оно не отображается в этом месте, потому что оно показывает координаты позиции "x: -5.385803274229736, y: 69.90085100596048, z: 0"
но координаты положения кадра различаются. Может быть, это позиция ThreeJs, помогите мне с полным решением

1 Ответ

0 голосов
/ 19 января 2019

Вот как получить данные о пересечении от курсора. 

var cursor = document.querySelector('a-cursor'); 
if (!cursor.components.intersectedEl) { return; }
var intersection = cursor.components.raycaster.getIntersection(cursor.components.intersectedEl);
var intersectionPosition = intersection.point;

Я думаю, что в master подробности события курсора содержат ссылку на getIntersection, поэтому вы можете звонить как evt.detail.getIntersection(evt.detail.intersectedEl).

...