триггерное событие a-frame с использованием aframe-вдоль пути-компонента - PullRequest
0 голосов
/ 30 января 2020

В кадре с использованием aframe-вдоль-пути-компонента я хотел бы считать каждый l oop анимации. Я думаю, что событие movingended не вызвано al oop ?! Как я могу использовать вдоль активированного триггера, когда элемент достигает точки кривой А (возможно, конечной точки)?

1 Ответ

0 голосов
/ 01 февраля 2020

Мое предположение было неверным. С каждым l oop срабатывает перемещение.

      let ball = document.createElement('a-sphere');
      ball.setAttribute('id', `Ball_${a}`);
      ball.setAttribute('class', 'clickable');
      ball.setAttribute('src', `#tBall_${a}`);
      ball.setAttribute(`alongpath`, `curve: .track${a}; dur: ${pathDuration}; delay: ${startdelay}; loop: true ;`);

      ball.addEventListener("movingended", (e) => {
        console.log("moving ended:" + bad_hits);
        bad_hits++;
      });


So i don't need alongpath-trigger-activated. But to answer my question:

      let track = document.createElement('a-curve');
      track.setAttribute('class', `track${a}`);
      scene.append(track);
...
      let point5 = document.createElement('a-curve-point');
      point5.setAttribute('position', '0 3 -5');
      point5.setAttribute('class', 'trigger');
      point5.addEventListener("alongpath-trigger-activated", () => {
         console.log("point 5 alongpath-trigger-activated");
      });
      track.append(point5);
...