From 03c1b75a7c69b8fe2ec1fe9d57404785d35ea76e Mon Sep 17 00:00:00 2001
From: James Harrison <james@fasttortoise.co.uk>
Date: Fri, 11 Sep 2020 00:11:31 +0100
Subject: [PATCH] Added toggle Elytra

---
 examples/index.html | 2 ++
 src/model.ts        | 6 +++++-
 src/viewer.ts       | 5 +++++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/examples/index.html b/examples/index.html
index 496a95f..25474e6 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -197,6 +197,8 @@
 					<input id="cape_url_upload" type="file" accept="image/*" style="display: none;">
 					<button type="button" class="control"
 						onclick="document.getElementById('cape_url_upload').click();">Browse...</button>
+					<button type="button" class="control"
+						onclick="skinViewer.toggleElytra()">Toggle Elytra</button>
 				</div>
 			</div>
 		</div>
diff --git a/src/model.ts b/src/model.ts
index e587111..4cef09f 100644
--- a/src/model.ts
+++ b/src/model.ts
@@ -432,7 +432,11 @@ export class ElytraObject extends Group {
 	constructor(texture: Texture) {
 		super();
 
-		const elytraMaterial = new MeshBasicMaterial({ map: texture, transparent: true, opacity: 1, side: DoubleSide, alphaTest: 0.5,
+		const elytraMaterial = new MeshBasicMaterial({
+			map: texture,
+			side: DoubleSide,
+			transparent: true,
+			alphaTest: 1e-5,
 			polygonOffset: true,
 			polygonOffsetFactor: -1.0,
 			polygonOffsetUnits: -4.0
diff --git a/src/viewer.ts b/src/viewer.ts
index 0cf65a5..721bc4a 100644
--- a/src/viewer.ts
+++ b/src/viewer.ts
@@ -308,6 +308,11 @@ class SkinViewer {
 		context.clearRect(0, 0, canvas.width, canvas.height);
 		context.drawImage(image, 0, 0, image.width, image.height);
 	}
+
+	public toggleElytra() {
+		this.playerObject.cape.visible = !this.playerObject.cape.visible;
+		this.playerObject.elytra.visible = !this.playerObject.cape.visible;
+	}
 }
 
 interface SkinViewer extends SkinContainer<LoadOptions>, CapeContainer<LoadOptions> { }