Как я могу использовать three.js чтобы создать жирную линию

#three.js #line #drawing

#three.js #строка #рисование

Вопрос:

В настоящее время я работаю над three.js проект, в котором я должен использовать много точек, чтобы утопить жирную линию; Я использовал свойство lineWidth для THREE.LineBasicMaterial, но это не работает; Теперь мой главный вопрос — как это сделать? это код

 createLine_old() {
      const material = new THREE.LineBasicMaterial({
        color: 0x0000ff,
        linewidth: 10
      });

      const points = [];
      points.push(new THREE.Vector3(-10, 0, 0));
      points.push(new THREE.Vector3(0, 10, 0));
      points.push(new THREE.Vector3(10, 0, 0));
      const geometry = new THREE.BufferGeometry().setFromPoints(points);

      const line = new THREE.Line(geometry, material);
      scene.add(line);
    }
 

Наконец, любая помощь будет оценена;

Комментарии:

1. Одним из вариантов является использование подхода жирных линий: threejs.org/examples/?q=fat#webgl_lines_fat

2. Спасибо prisoner849 очень сложно, я смотрел его, но это трудно понять, поэтому я нахожу другие варианты

3. Другой вариант: github.com/spite/THREE.MeshLine

4. Еще раз спасибо, я думаю, что смогу решить эту проблему