问题:项目在使用线模型 Line
对应线材质LineBasicMaterial
的线宽属性.lineWidth
,是无效果的,官网给出的解释如下:
可以通过 Line2 方式解决:
/** 添加线条宽度测试*/
private addLineTestCode(): void {
// 1. 赋值空间点坐标,三个一组
var pointArr = [0, 0, 0, 0, 10, 0];
// 2. 创建 LineGeometry,并设置空间点
var geometry = new LineGeometry();
geometry.setPositions(pointArr);
// 3. 创建 LineMaterial,设置颜色和线宽
var material = new LineMaterial({
color: 0xff0000,
linewidth: 15
})
// 4. 设置材质分辨率
material.resolution.set(window.innerWidth, window.innerHeight);
// 5. 创建 Line2
var line = new Line2(geometry, material);
// 6. 计算下线条长度
line.computeLineDistances();
// 7. 添加到场景
this.scene.add(line)
}
运行代码可以看到: