javascript - Three.js - Transparent object gets refracted so far over -



javascript - Three.js - Transparent object gets refracted so far over -

i had created scene walls , objects , objects door had created transparent object object height , width, transparent hides wall long too.i had attached images

image 1 : when see through door objects ( models loaded using json loader ) visible , other objects ( wall - created using box geometry , , surface- plane geometry ) gets transparent.

image 2: wall nowadays there

image 3: while looking through door wall @ left gets hide , sky , floor beyond displayed

i had user below code material box geometry

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

and material used transparent object

var materialright = new three.meshbasicmaterial({ color: 0xcc49c3,//violet opacity :-0.1, transparent : true, side: three.doubleside, ambient: 0xea6767, //depthwrite :true, //alphatest:0.1, });

i tried using alphatest , deptwrite - not work me .

can 1 guide me , how rectify transparency issue.?

javascript three.js

Comments

Popular posts from this blog

c# - ASP.NET MVC Sequence contains no matching element -

java - Parsing XML, skip certain tags -

rest - How to invalidate user session on inactivity in a stateless server? -