Создание конкретных а-сущностей (линий) в JS - PullRequest
Новая
       8

Создание конкретных а-сущностей (линий) в JS

0 голосов
/ 14 июня 2019

Я пытаюсь создать несколько строк в JavaScript для включения в a-сцену.

Так работает для создания примитивов, но примитива "a-line" нет. 

      AFRAME.registerComponent('lines', {
        schema: {},
        multiple: true,
        init: function () {
          var n = 2;
          var i;
          for (i = 0; i < n; i++) {
            var sceneEl = document.querySelector('a-scene');
            var entityEl = document.createElement('a-entity');
            var posit = {x: i, y: 0.1, z: -3};
            entityEl.setAttribute('position', posit);
            // I also tried: entityLi.setAttribute('line', '');
            entityLi.setAttribute('geometry', 'primitive:line');
            entityEl.setAttribute('color', "#03ef3e");
            sceneEl.appendChild(entityEl);  
            }
        }
      });

Есть ли возможность создавать линии без предварительного определения нового примитива?

1 Ответ

0 голосов
/ 14 июня 2019

Вы можете использовать компонент line: 

<a-entity line='start: 0 0 0; end: 1 1 1; color: red'></a-entity>

Вы можете установить start и end в javascript для обновления строки: 

element.setAttribute('line', {
   'start': '0 0 0',
   'end': newPosVector
}

как и я здесь .

...