three.js - TubeGeometry +管段上的DecalGeometry

Question

我想在管幾何的一段（背面）中貼上貼花。

我的方法是使用TubeGeometry作爲貼花幾何。

這是我有：

而這正是我想要的： （壞圖）

示例代碼：

//code 
var tube = new THREE.TubeGeometry(pipelineSpline, 200, 20, 20, closed2); 

tubeMesh = THREE.SceneUtils.createMultiMaterialObject(
     geometry, [ 
      material,  // a phong material 
      materialInside // a material for the inside    
     ]); 

scene.add(tubeMesh); 

var decalGeometry = new THREE.DecalGeometry(
     tubeMesh.children[0], 
     new THREE.Vector3(0,0,0),  //position 
     new THREE.Vector3(0,1,0),  //direction 
     new THREE.Vector3(10,10,10), //dimensions 
     new THREE.Vector3(0,0,0)  //check 
    ); 

然而，這似乎沿着所有背面幾何路徑應用管的貼花。我只希望它在關鍵位置的管子後部的一部分上。

如何使用THREE.DecalGeometry在TubeGeometry中製作局部貼花？可能嗎？

Answer 1

您需要在三個傳遞給它的着色器代碼和各種uniform（例如，新的紋理）和parameter（如UV）值用於此一ShaderMaterial，明確定位和透明度規則。 JS。