Question

我想在xz平面上绘制一系列平行线，但无法找到一个足够简单的例子。

我怀疑我对Geometry的使用有些错误。

function initGrid(){
  var material = new THREE.LineBasicMaterial({ color: 0x00ff00 });
  var geometry = new THREE.Geometry();
  for(var i=0 ; i<10; i++){
    geometry.vertices.push(
      (10*i,0,0),  (10*i,0,100)
    );  
  }
  var grid = new THREE.LineSegments(geometry, material);
  scene.add(grid); 
}

我的想法是，给予LineSegments的几何对象应该由成对的坐标组成，代表开始＆amp;每条线的终点。但是，上述功能并不起作用。

有人能提供正确的技术吗？

Answer 1

Geometry的顶点是THREE.Vector3的数组。

geometry.vertices.push( new THREE.Vector3( x, y, z ) );

此外，您可以使用THREE.GridHelper( size, divisions, color1, color2 )。

three.js r.84

如何使用three.js在xz平面中绘制线条

1 个答案: