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

Question

Я создаю редактор VR, используя AFRAME ... Мне нужно создать событие, когда пользователь щелкает мышью по элементу, и выполнять различные действия при щелчке курсором камеры Aframe.

Я нашел <a-scene cursor="rayOrigin: mouse">, но это сделало бы одно и то же событие щелчка при щелчке мышью и курсором. это возможно в РАМКАХ?

Answer 1

Различать по элементу курсора:

AFRAME.registerComponent('on-click', {
    init: function () {
      var self = this;
      this.el.addEventListener('click', function (evt) {
        if (self.el.sceneEl === evt.detail.cursorEl) {
          console.log("MOUSE");
        } else {
          console.log("CURSOR");
        }
      });
    }
  });

Пример: https://glitch.com/edit/#!/winter-sagittarius