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
Post a Comment