在JS中创建特定的a-实体（线）

Question

我正在尝试在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);  
            }
        }
      });

是否可以在不先定义新图元的情况下创建线条？

Answer 1

您可以使用line组件：

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

您可以在javascript中设置start和end来更新该行：

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

就像我一样here。