相关疑难解决方法(0)

使用THREE.LineBasicMaterial的线条粗细

我正在使用下面的代码在我的three.js场景中创建数百行

edgeGeometry[i] = new THREE.Geometry();
edgeGeometry[i].vertices[0] = v(x1,y1,z1);
edgeGeometry[i].vertices[1] = v(x2,y2,z2);
edgesMat[i] = new THREE.LineBasicMaterial({
    color: 0x6699FF, linewidth: 1, fog:true});
edge[i] = new THREE.Line(edgeGeometry[i], edgesMat[i]);
edge[i].type = THREE.Lines;
scene2.add(edge[i]);
Run Code Online (Sandbox Code Playgroud)

它工作得很好,但是当我将"linewidth"的值更改为更大或更小的值时,我看到场景中没有区别.
我该如何改变线条的粗细?有任何想法吗?
谢谢,迪米特里斯

javascript webgl three.js

30
推荐指数
5
解决办法
3万
查看次数

检测浏览器中对WebGL粗线的支持

至于在three.js所文档:

由于ANGLE层的限制,使用Windows平台上的WebGL渲染器,无论设置值如何,线宽始终为1.

宽线也不适用于某些不使用ANGLE的浏览器,例如IE11

在此输入图像描述

这个问题的讨论解决方法.

但有没有办法检测浏览器是否支持宽线?

javascript webgl three.js

1
推荐指数
1
解决办法
326
查看次数

标签 统计

javascript ×2

three.js ×2

webgl ×2