GLTFLoader: Use depthWrite=false for transparent materials

mrdoob · Dec 23, 2019 · 0c56a58 · 0c56a58
1 parent 9ee686c
commit 0c56a58
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/examples/js/loaders/GLTFLoader.js b/examples/js/loaders/GLTFLoader.js
@@ -765,7 +765,8 @@ THREE.GLTFLoader = ( function () {
 					fog: true,
 					lights: true,
 					opacity: params.opacity,
-					transparent: params.transparent
+					transparent: params.transparent,
+					depthWrite: params.depthWrite
 				} );
 
 				material.isGLTFSpecularGlossinessMaterial = true;
@@ -2203,6 +2204,9 @@ THREE.GLTFLoader = ( function () {
 
 			materialParams.transparent = true;
 
+			// See: https://github.com/mrdoob/three.js/issues/17706
+			materialParams.depthWrite = false;
+
 		} else {
 
 			materialParams.transparent = false;

diff --git a/examples/jsm/loaders/GLTFLoader.js b/examples/jsm/loaders/GLTFLoader.js
@@ -832,7 +832,8 @@ var GLTFLoader = ( function () {
 					fog: true,
 					lights: true,
 					opacity: params.opacity,
-					transparent: params.transparent
+					transparent: params.transparent,
+					depthWrite: params.depthWrite
 				} );
 
 				material.isGLTFSpecularGlossinessMaterial = true;
@@ -2270,6 +2271,9 @@ var GLTFLoader = ( function () {
 
 			materialParams.transparent = true;
 
+			// See: https://github.com/mrdoob/three.js/issues/17706
+			materialParams.depthWrite = false;
+
 		} else {
 
 			materialParams.transparent = false;