Three.js - 透明对象到目前为止被折射

Question

我创建了一个带有墙壁和物体的场景。对于像门这样的物体，我创造了另一个具有物体高度和宽度的透明物体，透明隐藏了很长的墙壁。我已经附着了图像

图片1： 当我看到门时，对象（使用json加载器加载的模型）是可见的，但其他对象（墙 - 使用框几何和表面平面几何创建）也变得透明。

图片2：墙存在

图片3：在通过门看时，左边的墙被隐藏起来，显示出它以外的天空和地板

我使用下面的代码作为框几何的材料

material    =   new THREE.MeshBasicMaterial({
color: 0xd6d6d6,
transparent: true, 
opacity: 1.5,
overdraw: 0.5 
});

我用于透明物体的材料是

var materialRight = new THREE.MeshBasicMaterial({
            color: 0xcc49c3,//violet
            opacity     :-0.1,              
            transparent : true,
            side: THREE.DoubleSide,
            ambient: 0xea6767,
            //depthWrite  :true,
            //alphaTest:0.1,                
        });

我也尝试使用alphaTest和deptWrite - 它对我不起作用。

任何人都可以指导我，如何纠正这个透明度问题。