Question

我知道我的JSON模型中的每种材料都有两种设置：depthTest和depthWrite。

我将它们设置为false，因为某些材质具有RGBA纹理图像，并且所有alpha通道都与背景颜色相同。

现在，纹理具有z-index值，可以将它们置于上方或下方。

我该如何解决？

编辑：
这是页面：http://xalien95.altervista.org/pkmnxy_engine/alisopoli.html
这是代码：

var camera, scene, renderer, mesh, loader;

        init();
        animate();

        function init() {

            camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 10000 );
            camera.position.z = 1000;

            scene = new THREE.Scene();

            loader = new THREE.JSONLoader();

            loader.load( "alisopoli/alisopoli.js", function( geometry, materials ) {
                for ( var i = 0; i < materials.length; i ++ ) {
                    materials[ i ].side = THREE.DoubleSide
                    //materials[ i ].overdraw = true;
                }
                //var faceMaterials = new THREE.MeshFaceMaterial( materials );
                //faceMaterials.map.magFilter = THREE.NearestFilter;
                //mesh = new THREE.Mesh( geometry, faceMaterials );
                mesh = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial( materials ) );
                mesh.scale.set( 100, 100, 100 );
                mesh.rotation.x = 45 * Math.PI / 180;
                scene.add( mesh );
            } );


            var ambientLight = new THREE.AmbientLight(0xFFFFFF);
            scene.add(ambientLight);

            renderer = new THREE.WebGLRenderer();
            renderer.setSize( window.innerWidth, window.innerHeight );

            document.body.appendChild( renderer.domElement );

        }

        function animate() {

            requestAnimationFrame( animate );

            mesh.rotation.y += 0.005;

            renderer.render( scene, camera );
        }

以下是模型：http://xalien95.altervista.org/pkmnxy_engine/alisopoli/alisopoli.js

Answer 1

我正在回答我的问题我使用depthTest和depthWrite做的不正确我只需要编辑 alphaTest 。

网状材料的“z-index”，我该如何修复？

1 个答案: