Three.js线向量到圆柱体?

问题描述

我用这个在两点之间创建一条线:

I have this to create a line between 2 points:

var geometry = new THREE.Geometry();
geometry.vertices.push(new THREE.Vector3(0, 0, 0));
geometry.vertices.push(new THREE.Vector3(20, 100, 55));
var line = new THREE.Line(geometry, material, parameters = { linewidth: 400 });
scene.add(line);

(线宽，没有任何影响.)

(The line width, does not have any effect.)

我的问题是如何将其转换为圆柱体?我想在两点之间创建一个圆柱体.

My question is how do I transform this to a cylinder? I want to create a cylinder between two points.

推荐答案

我遇到了完全相同的问题——在 WebGL 中，线宽始终为 1.所以这是我编写的一个函数，它将接受两个 Vector3 对象并生成圆柱网格:

I've had the exact same problem -- in WebGL the line width is always 1. So here's a function I wrote that will take two Vector3 objects and produce a cylinder mesh:

var cylinderMesh = function( pointX, pointY )
{
    // edge from X to Y
    var direction = new THREE.Vector3().subVectors( pointY, pointX );
    var arrow = new THREE.ArrowHelper( direction, pointX );

    // cylinder: radiusAtTop, radiusAtBottom,
    //     height, radiusSegments, heightSegments
    var edgeGeometry = new THREE.CylinderGeometry( 2, 2, direction.length(), 6, 4 );

    var edge = new THREE.Mesh( edgeGeometry,
        new THREE.MeshBasicMaterial( { color: 0x0000ff } ) );
    edge.rotation = arrow.rotation.clone();
    edge.position = new THREE.Vector3().addVectors( pointX, direction.multiplyScalar(0.5) );
    return edge;
}

这篇关于Three.js线向量到圆柱体?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！