Javascript three.js中线框正方形的无限平面

我想知道一种有效的方法来实例化一个无限大的（或实际上是无限大的）平面，这些平面由排列成正方形的纵横交错的线组成

three.js有一个line对象，我是否应该实例化大量这样的对象？或者实例化一个平面对象，并应用某种重复的材质？也许还有其他更有效的方法

---

谢谢

此代码将提供一个交叉线的半无限平面：

var geometry = new THREE.Geometry();
geometry.vertices.push(new THREE.Vector3( - 500, 0, 0 ) );
geometry.vertices.push(new THREE.Vector3( 500, 0, 0 ) );

linesMaterial = new THREE.LineBasicMaterial( { color: 0x787878, opacity: .2, linewidth: .1 } );

for ( var i = 0; i <= 20; i ++ ) {

    var line = new THREE.Line( geometry, linesMaterial );
    line.position.z = ( i * 50 ) - 500;
    scene.add( line );

    var line = new THREE.Line( geometry, linesMaterial );
    line.position.x = ( i * 50 ) - 500;
    line.rotation.y = 90 * Math.PI / 180;
    scene.add( line );
}

var geometry=new THREE.geometry（）；
geometry.vertices.push（新的3.Vector3（-500,0,0））；
geometry.Vertexs.push（新的3.Vector3（500,0,0））；
linesMaterial=new THREE.LineBasicMaterial（{颜色：0x787878，不透明度：.2，线宽：.1}）；
对于（var i=0；i，这里是另一种方法：

var grid = new THREE.GridHelper( 200, 10 );
grid.setColors( 0xffffff, 0xffffff );
scene.add( grid );

可以添加雾，使栅格混合到地平线处的背景中

scene.fog = new THREE.FogExp2( 0x000000, 0.0128 );
renderer.setClearColor( scene.fog.color, 1 );

看起来应该很不错

three.js r.71
我得到一个错误，r121中“不支持无面几何体”