From e243396c6f5ffcc81405c827b1a922448ffcf113 Mon Sep 17 00:00:00 2001
From: nabijaczleweli <nabijaczleweli@gmail.com>
Date: Tue, 21 May 2019 23:00:38 +0200
Subject: [PATCH] Three.js: with a window-sized canvas, resize canvas with the
 window.

---
 res/threejs/SolveSpaceControls.js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/res/threejs/SolveSpaceControls.js b/res/threejs/SolveSpaceControls.js
index ed3fb721..e141acee 100644
--- a/res/threejs/SolveSpaceControls.js
+++ b/res/threejs/SolveSpaceControls.js
@@ -330,15 +330,18 @@ solvespace = function(obj, params) {
     var geometry, controls, material, mesh, edges;
     var width, height, scale, offset, projRight, projUp;
     var directionalLightArray = [];
+    var inheritedWidth = false, inheritedHeight = false;
 
     if (typeof params === "undefined" || !("width" in params)) {
         width = window.innerWidth;
+        inheritedWidth = true;
     } else {
         width = params.width;
     }
 
     if (typeof params === "undefined" || !("height" in params)) {
         height = window.innerHeight;
+        inheritedHeight = true;
     } else {
         height = params.height;
     }
@@ -409,10 +412,37 @@ solvespace = function(obj, params) {
         controls.addEventListener("change", render);
         controls.addEventListener("change", lightUpdate);
 
+        if(inheritedWidth || inheritedHeight) {
+            window.addEventListener("resize", resize);
+        }
+
         animate();
         return renderer.domElement;
     }
 
+    function resize() {
+        scale = camera.zoomScale;
+        if(inheritedWidth) {
+            scale *= window.innerWidth / width;
+            width = window.innerWidth;
+        }
+        if(inheritedHeight) {
+            scale *= window.innerHeight / height;
+            height = window.innerHeight;
+        }
+
+        camera.renderWidth = width;
+        camera.renderHeight = height;
+        camera.zoomScale = scale;
+
+        renderer.setSize(width * window.devicePixelRatio, height * window.devicePixelRatio);
+        renderer.domElement.style =
+            "width:  " + width  + "px;" +
+            "height: " + height + "px;";
+
+        render();
+    }
+
     function animate() {
         requestAnimationFrame(animate);
         controls.update();