相关疑难解决方法(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万
查看次数

使用Three.js时Windows上缺少线宽的解决方法

我正在尝试使用Three.js绘制旋转的3D坐标系。我希望轴具有一定的厚度,到目前为止,我已经使用LineBasicMaterial的线宽参数完成了此操作。

由于我不在Windows上,因此以下代码对我有用:

    var scene = new THREE.Scene();                                              
    var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.   innerHeight, 0.1, 1000 );                                                           

    var renderer = new THREE.WebGLRenderer();
    renderer.setSize( window.innerWidth, window.innerHeight );
    document.body.appendChild( renderer.domElement );

    var triad = new THREE.Geometry();
    triad.vertices.push( new THREE.Vector3(  0,  0,  0 ) ); 
    triad.vertices.push( new THREE.Vector3( 10,  0,  0 ) );
    triad.vertices.push( new THREE.Vector3(  0,  0,  0 ) );
    triad.vertices.push( new THREE.Vector3(  0, 10,  0 ) );
    triad.vertices.push( new THREE.Vector3(  0,  0,  0 ) );
    triad.vertices.push( new THREE.Vector3( …
Run Code Online (Sandbox Code Playgroud)

javascript webgl three.js

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

标签 统计

javascript ×2

three.js ×2

webgl ×2