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

Delphi change the assembly code of a running process -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -

C++ 11 "class" keyword -