From 651c6b059274986d153ffa029491b4c5ab70ab82 Mon Sep 17 00:00:00 2001 From: Andrey Date: Sat, 14 Apr 2018 17:46:10 +0200 Subject: [PATCH 1/3] Support for transparent capes Minecraft supports this. --- src/viewer.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/viewer.js b/src/viewer.js index b4cf794..e370054 100644 --- a/src/viewer.js +++ b/src/viewer.js @@ -75,7 +75,7 @@ class SkinViewer { this.layer1Material = new THREE.MeshBasicMaterial({ map: this.skinTexture, side: THREE.FrontSide }); this.layer2Material = new THREE.MeshBasicMaterial({ map: this.skinTexture, transparent: true, opacity: 1, side: THREE.DoubleSide }); - this.capeMaterial = new THREE.MeshBasicMaterial({ map: this.capeTexture }); + this.capeMaterial = new THREE.MeshBasicMaterial({ map: this.capeTexture, transparent: true }); // scene this.scene = new THREE.Scene(); From 367a2e10235c133c728d095647dcc13b7fefaf5d Mon Sep 17 00:00:00 2001 From: yushijinhun Date: Sun, 15 Apr 2018 10:58:44 +0800 Subject: [PATCH 2/3] Try supporting transparent capes --- src/viewer.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/viewer.js b/src/viewer.js index e370054..0940e6d 100644 --- a/src/viewer.js +++ b/src/viewer.js @@ -75,7 +75,7 @@ class SkinViewer { this.layer1Material = new THREE.MeshBasicMaterial({ map: this.skinTexture, side: THREE.FrontSide }); this.layer2Material = new THREE.MeshBasicMaterial({ map: this.skinTexture, transparent: true, opacity: 1, side: THREE.DoubleSide }); - this.capeMaterial = new THREE.MeshBasicMaterial({ map: this.capeTexture, transparent: true }); + this.capeMaterial = new THREE.MeshBasicMaterial({ map: this.capeTexture, transparent: true, opacity: 1, side: THREE.DoubleSide }); // scene this.scene = new THREE.Scene(); From 49011214969d958e8dd60221c260a82bd9110c2e Mon Sep 17 00:00:00 2001 From: yushijinhun Date: Sun, 15 Apr 2018 11:36:34 +0800 Subject: [PATCH 3/3] Set alphaTest to 0.5, close #18 --- src/viewer.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/viewer.js b/src/viewer.js index 0940e6d..3c79ac1 100644 --- a/src/viewer.js +++ b/src/viewer.js @@ -74,8 +74,8 @@ class SkinViewer { this.capeTexture.minFilter = THREE.NearestMipMapNearestFilter; this.layer1Material = new THREE.MeshBasicMaterial({ map: this.skinTexture, side: THREE.FrontSide }); - this.layer2Material = new THREE.MeshBasicMaterial({ map: this.skinTexture, transparent: true, opacity: 1, side: THREE.DoubleSide }); - this.capeMaterial = new THREE.MeshBasicMaterial({ map: this.capeTexture, transparent: true, opacity: 1, side: THREE.DoubleSide }); + this.layer2Material = new THREE.MeshBasicMaterial({ map: this.skinTexture, transparent: true, opacity: 1, side: THREE.DoubleSide, alphaTest: 0.5 }); + this.capeMaterial = new THREE.MeshBasicMaterial({ map: this.capeTexture, transparent: true, opacity: 1, side: THREE.DoubleSide, alphaTest: 0.5 }); // scene this.scene = new THREE.Scene();