Как я могу использовать событие, чтобы выбрать селектор запросов, чтобы выбрать объект, чтобы скопировать вращение другого объекта? - PullRequest
0 голосов
/ 03 февраля 2019

В этом коде компонента я пытаюсь использовать событие, чтобы выбрать значение переменной с именем «name», чтобы выбрать, какой объект будет копировать вращение других объектов, когда пользователь наблюдает.

Различные события приведут кразличные повороты.

Таким образом, событие 1 означает, что имя равно объекту querySelector A

Затем я пытаюсь, чтобы строка получила свое собственное вращение и присвоила ему анимацию имени (to), а затем начала анимацию именииспустив moveobject to name.

Однако в настоящее время я застрял в этой проблеме, потратив много часов на ее решение.Справка?

    AFRAME.registerComponent("comp", {
       init: function () {
           let name = {}
           this.el.addEventListener("event1", (e) => {
             name = document.querySelector('#objectA');
             console.log('event1')
// line 13?   comp.emit('rowstart)
           });
           this.el.addEventListener("event2", (e) => {
             name = document.querySelector('#objectB');
             console.log('event2')
           });

           let row = document.querySelector('#rowA');
           row.addEventListener('rowstart', function (e) {
               var rotation = row.getAttribute('rotation')
               name.setAttribute('animation', {
                   to: {
                       x: rotation.x,
                       y: rotation.y,
                       z: rotation.z - 30
                   }
               })
           name.emit('moveobject')
           });
       }
   });

Я должен упомянуть, что эта ссылка ниже, как выглядит мой код, когда он ТОЛЬКО копирует вращение, а не использует событие для выбора объекта, который будет вращаться https://glitch.com/edit/#!/copy-rotation?path=index.html:37:8 (отредактировано)

1 Ответ

0 голосов
/ 03 февраля 2019

to не является векторным свойством, вы должны передать его в виде строки.

name.setAttribute('animation', 'to', `${rotation.x} ${rotation.y} ${rotation.z}`);
...