如何更改 GridHelper 线条的粗细？答案

【问题标题】：How to change the thickness of GridHelper lines?如何更改 GridHelper 线条的粗细？
【发布时间】：2018-02-02 18:17:00
【问题描述】：

我正在使用 Three.js (v0.86.0) 渲染一个网格：

let grid = new THREE.GridHelper(1000, 20);
scene.add(grid);

GridHelper 生成的线条似乎有 1 个像素的粗细。

我想将线条的粗细增加到 3 个像素，但不知道怎么做。我尝试更改grid.geometry.getAttribute("position").itemSize 的值，但它不起作用。

有什么想法吗？

【问题讨论】：

你知道能不能做到吗？那行代码与grid.geometry.gremlin.hamburger["price"] 一样任意。一些阅读：stackoverflow.com/questions/11638883/…
具体见this和this。

【解决方案1】：

很遗憾，您无法在 Windows 上更改线条粗细。

这是因为GridHelper 在内部使用LineBasicMaterial，正如他们在documentation 中所写：“由于角度层的限制，Windows 平台上的 WebGL 渲染器的线宽将始终为 1”

【讨论】：