Javascript 在Three.js中向GridHelper对象添加对角线？

第一张图片是我想要的。（我甚至还想要相反的对角线，但我会相应地推导出来。）第二个图像是一个普通的

GridHelper

是否可以添加另一个栅格辅助对象，但沿y轴旋转45度

我似乎无法在中找到任何东西，因此我假设有另一种方法。有没有关于如何做到这一点的建议

GridHelper的我的代码

：

grid = new THREE.GridHelper(80, 15, 0x000000, 0x000000);
grid.position.y = -0.2;
scene.add(grid);

我认为一个可能的解决方案可能在于

EdgesGeometry

。我仍然不确定如何继续，因为：

EdgesGeometry( geometry, thresholdAngle )

其中

geometry

是任何几何体对象

GridHelper

是否算作几何体对象？这是你的电话号码

编辑：

---

下面是我当前情况的一个可视示例：.

使用

THREE.PlaneBufferGeometry（）

和带有

线框：true

的材质将获得所需的结果

var scene=new THREE.scene（）；
var摄像机=新的三透视摄像机（60，window.innerWidth/window.innerHeight，11000）；
摄像机位置设置（0,50,25）；
var renderer=new THREE.WebGLRenderer({
反别名：对
});
renderer.setSize（window.innerWidth、window.innerHeight）；
renderer.setClearColor（0xffffff）；
document.body.appendChild（renderer.doElement）；
var controls=新的三个.OrbitControls（摄影机、渲染器.doElement）；
var gridGeometry=新的三个.PlaneBufferGeometry（80,80,15,15）；
gridGeometry.rotateY（数学PI）；
gridGeometry.rotateX（-Math.PI*.5）；
var gridMaterial=新的三网格基本材质({
颜色：“黑色”，
线框：正确
});
var gridWithDiagonals=新的三点网格（gridGeometry，gridMaterial）；
场景.添加（带对角线的网格）；
render（）；
函数render（）{
请求动画帧（渲染）；
渲染器。渲染（场景、摄影机）；
}

正文{
溢出：隐藏；
保证金：0；
}

为什么不使用带有

THREE.PlaneBufferGeometry（）

的网格，例如，

THREE.MeshBasicMaterial（）

带有

wireframe:true

？如果可能，我希望保留

GridHelper

的属性，这样对象只能添加到网格线中。我会试试你建议的方法，看看效果如何，谢谢！