From 2c6056005c37aa22163f7e2f005a02425fce5d26 Mon Sep 17 00:00:00 2001
From: mig <michel.gutierrez@gmail.com>
Date: Thu, 11 May 2017 14:41:45 +0200
Subject: [PATCH] added taking 3D board snapshots

---
 examples/browser/control.html  |  1 +
 examples/browser/js/control.js | 13 +++++++++++++
 src/browser/jocly.xd-view.js   |  9 +++++++++
 3 files changed, 23 insertions(+)

diff --git a/examples/browser/control.html b/examples/browser/control.html
index 1bef914..2b8e101 100644
--- a/examples/browser/control.html
+++ b/examples/browser/control.html
@@ -30,6 +30,7 @@
 	       		<button id="save">Save</button>
 				<input type="file" id="fileElem" accept="application/json" style="display:none"/>
 	       		<button id="load">Load</button>
+	       		<button id="snapshot">Snapshot</button>
                 <br/><br/>
 	       		<select id="mode">
 	       			<option value="self-self">Self / Self</option>
diff --git a/examples/browser/js/control.js b/examples/browser/js/control.js
index cf4bba5..8b578b7 100644
--- a/examples/browser/js/control.js
+++ b/examples/browser/js/control.js
@@ -278,6 +278,19 @@ $(document).ready(function () {
                         });
                 });
 
+				$("#snapshot").on("click",function() {
+					match.viewControl("takeSnapshot")
+						.then((snapshot)=>{
+							var a = document.createElement("a");
+							a.href = snapshot;
+							a.setAttribute("download",gameName+".png");
+							a.click();
+						})
+						.catch((error)=>{
+							console.warn("failed:",error);
+						})
+				});
+
                 // reading file locally
                 var fileElem = $("#fileElem").on("change",function() {
                     var fileReader = new FileReader();
diff --git a/src/browser/jocly.xd-view.js b/src/browser/jocly.xd-view.js
index 9e74f64..665360e 100644
--- a/src/browser/jocly.xd-view.js
+++ b/src/browser/jocly.xd-view.js
@@ -2771,6 +2771,15 @@ if(window.JoclyXdViewCleanup)
 						});					
 						xdv.removeGadget("panorama");
 					}
+					resolve();
+					break;
+				case "takeSnapshot":
+					if(threeCtx) {
+						var canvas = threeCtx.renderer.domElement;
+						threeCtx.renderer.render( threeCtx.scene, threeCtx.camera );
+						resolve(canvas.toDataURL("image/png"));
+					} else
+						reject(new Error("Snapshot only available on 3D views"));
 					break;
 		
 				default: