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

Question

我想在xz平面中绘制一系列平行直线，但找不到足够简单的示例。

我怀疑我对几何的使用有些误会。

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几何对象应包括对坐标，代表着开始每一行的&终点。上述功能不起作用。

任何人都可以提供正确的技术吗？

Answer 1

Geometry的顶点是THREE.Vector3的数组。可以使用THREE.GridHelper(size, divisions, color1, color2)。

three.js r.84