Javascript 将图像纹理添加到three.js中的线条

我想添加图像纹理线如下，但只得到黑色线。 从，我需要设置UV或写我自己的阴影。 但是我对three.js和webGL还很陌生，不知道该怎么做。 欢迎任何帮助。谢谢

loader.load('images/direction.png', function ( texture ) {
    texture.wrapS = THREE.RepeatWrapping;
    texture.wrapT = THREE.RepeatWrapping;
    texture.repeat.set( 40, 40 );
    var material = new THREE.MeshBasicMaterial({map: texture});
    var geometry = new THREE.Geometry();
    geometry.vertices.push(new THREE.Vector3(-10, 10, 0));
    geometry.vertices.push(new THREE.Vector3(-10, 20, 0));
    line = new THREE.Line(geometry, material);
    line.material.linewidth = 5;

    scene.add(line);
    renderer.render( scene, camera );
}

---

线不是面，因此没有可映射纹理的区域。使用线条/线条材料的决定通常意味着编码器不关心线条的宽度，因为无论摄像机参数如何，线条的宽度在玻璃上都是一致的。如果要应用纹理，可以将圆柱体或长方体几何体与基本材质、lambert材质或Phong材质一起使用。这里有一个很好的答案，可以把线的原点和向量转换成圆柱体：thx@Radio，你说得对。我将尝试将2D多边形绘制为线，并将纹理应用于多边形。线不是面，因此没有可映射纹理的区域。使用线条/线条材料的决定通常意味着编码器不关心线条的宽度，因为无论摄像机参数如何，线条的宽度在玻璃上都是一致的。如果要应用纹理，可以将圆柱体或长方体几何体与基本材质、lambert材质或Phong材质一起使用。这里有一个很好的答案，可以把线的原点和向量转换成圆柱体：thx@Radio，你说得对。我将尝试绘制二维多边形作为线，并将纹理应用于多边形。