3

私はthree.jsで「紙の切り抜き」の世界を構築しています。私のモデルはすべて単純な「平面」であり、平面をより心地よい形状にトリミングするために、アルファチャネルを持つPNGでテクスチャリングします。

奇妙なことに、平面の位置とカメラの位置に基づいて、透明度が予期せずに現れたり消えたりします。

症状1:平面が部分的に地面の下にある場合、透明度は機能しますが、地面の上に移動すると、透明な領域が白で塗りつぶされます。

症状2:症状1に基づいて、ルックベクトルが平面にほぼ平行になるようにカメラを動かすと、透明度が再び機能し始めます。

何かご意見は?最適化がうまくいかなかったか、z-writeの問題の可能性があるように見えますか?アルファ値に関係なく、テクスチャはzに書き込みますか?そうだとすれば、位置やカメラアングルに敏感ではないと思います。

4

1 に答える 1

9

transparentマテリアルでフラグをtrueに設定する必要があります。

new THREE.MeshBasicMaterial( { map: transparent_map, transparent: true } );
于 2012-06-02T00:40:35.010 に答える