なぜ私のthree.js透明なテクスチャは、その一部がビューポートから外れていない限り中断しますか？

Question

私は透過性を持つPNGを使って、飛行機のテクスチャを作成しようとしています。

形状を見ると、PNGの透明部分が黒くなります。

：しかし、奇妙なことに、ビューポートのうち画像クリップの一部が、透明性が（明らかに私が必要だ効果である）再び動作を開始すると

私がやっている

var loader = new THREE.TextureLoader(); 
    loader.load('img/message2.png', function(tex) { 
     var mat = new THREE.MeshBasicMaterial({ map : tex, transparent: true }); 
     var geometry = new THREE.PlaneGeometry(14, 10); 
     var plane = new THREE.Mesh(geometry, mat); 
     plane.position.set(0,0,-10); 
     scene.add(plane); 
    }); 

：

私は孤立例を作成し、平面は、通常の方法で作成されましたここに何か間違っているか、バグですか？

ありがとうございます。あなたの材料で

Answer 1

材料にalphaTest: 0.5

Answer 2

試しセットを追加します。

depthWrite: false 

それとも

alphaTest: 0.5