内側ジオムの内側（THREE.JS R76）

Question

トンネルラップ内にトンネルを持つ2つのcylinderGeometriesがあります。私はトンネルに透明度を加え、ラップに黒色を加えたpngテクスチャを持っています。私は、alphaMap不透明の回避策として、tunnelWrapの透明度を下げるつもりです。

tunnelWrapは、内側のトンネルの内側にあるときに透明に見えます。どうしてこれなの？私ははるかに大きな半径で試しました、そして、それは同じ結果でした。

function addTunnel(){ 
    var cylTexture = loader.load("wormhole2.png"), 
     cylGeom = new THREE.CylinderGeometry(5000, 5000, 50000, 32, 32, true), 
     cylMat = new THREE.MeshPhongMaterial({ 
      map: cylTexture, 
      side: THREE.DoubleSide, 
      transparent: true 
     }), 
     cyl = new THREE.Mesh(cylGeom, cylMat); 

    cylTexture.wrapT = THREE.RepeatWrapping; 
    cylTexture.wrapS = THREE.RepeatWrapping; 
    cyl.name = "tunnel"; 
    scene.add(cyl); 
    scene.getObjectByName("tunnel").position.z = -12000; 
    rotateObject(scene.getObjectByName("tunnel"), -90, 0, 0); 
    octree.add(scene.getObjectByName("tunnel")); 
    tunnel = scene.getObjectByName("tunnel"); 
} 

function addTunnelWrap(){ 
    var cylGeom = new THREE.CylinderGeometry(5100, 5100, 50000, 32, 32, true), 
     cylMat = new THREE.MeshBasicMaterial({ 
      color: 0x000000, 
      side: THREE.BackSide, 
      transparent: true 
     }), 
     cylWrap = new THREE.Mesh(cylGeom, cylMat); 

    cylWrap.name = "tunnelWrap"; 
    scene.add(cylWrap); 
    scene.getObjectByName("tunnelWrap").position.z = -12000; 
    rotateObject(scene.getObjectByName("tunnelWrap"), -90, 0, 0); 
    tunnelWrap = scene.getObjectByName("tunnelWrap"); 
    tunnelWrap.material.opacity = 1.0; 
} 

Answer 1

私は、裏側と二重目が混ざっていると思います。

私はフィドルhttp://jsfiddle.net/cg0aayw5/

は、おそらくこれは、それが質問を解読するのは難しい、右ではありませんしました。

フィドルは、不透明度の効果を円筒の内側に示すために、不透明度のテクスチャとアニメーションの代わりに色を使用します。

function addTunnel(){ 
    cylGeom = new THREE.CylinderGeometry(500, 500, 500, 32, 32, true); 
    cylMat = new THREE.MeshBasicMaterial({ 
    color: 0xFF0000, 
    side: THREE.FrontSide, 
    transparent: true, 
    }); 
    cyl = new THREE.Mesh(cylGeom, cylMat); 
    scene.add(cyl); 
} 

var cylWrap; 
function addTunnelWrap(){ 
    var cylGeom = new THREE.CylinderGeometry(510, 510, 500, 32, 32, true); 
    var cylMat = new THREE.MeshBasicMaterial({ 
    color: 0xFFFFFF, 
    side: THREE.BackSide, 
    transparent: true, 
    opacity:.6 
    }); 
    innerCyl = new THREE.Mesh(cylGeom, cylMat); 
    scene.add(innerCyl); 
}