Changed the size of the game window.

Loading bar position and size needs to be fixed too.

gameLoad.js

@@ -0,0 +1,64 @@
+const hideFullScreenButton = "";
+const buildUrl = "Build";
+const loaderUrl = buildUrl + "/SimplifiedTerrain-simpleMovement-light-demo-webgl-dev.loader.js";
+const config = {
+    dataUrl: buildUrl + "/SimplifiedTerrain-simpleMovement-light-demo-webgl-dev.data",
+    frameworkUrl: buildUrl + "/SimplifiedTerrain-simpleMovement-light-demo-webgl-dev.framework.js",
+    codeUrl: buildUrl + "/SimplifiedTerrain-simpleMovement-light-demo-webgl-dev.wasm",
+    streamingAssetsUrl: "StreamingAssets",
+    companyName: "DefaultCompany",
+    productName: "excav_simul_3d",
+    productVersion: "0.1",
+};
+
+const container = document.querySelector("#unity-container");
+const canvas = document.querySelector("#unity-canvas");
+const loadingCover = document.querySelector("#loading-cover");
+const progressBarEmpty = document.querySelector("#unity-progress-bar-empty");
+const progressBarFull = document.querySelector("#unity-progress-bar-full");
+const fullscreenButton = document.querySelector("#unity-fullscreen-button");
+const spinner = document.querySelector('.spinner');
+
+const canFullscreen = (function () {
+    for (const key of [
+        'exitFullscreen',
+        'webkitExitFullscreen',
+        'webkitCancelFullScreen',
+        'mozCancelFullScreen',
+        'msExitFullscreen',
+    ]) {
+        if (key in document) {
+            return true;
+        }
+    }
+    return false;
+}());
+
+if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
+    container.className = "unity-mobile";
+    config.devicePixelRatio = 1;
+}
+loadingCover.style.display = "";
+
+const script = document.createElement("script");
+script.src = loaderUrl;
+script.onload = () => {
+    createUnityInstance(canvas, config, (progress) => {
+        spinner.style.display = "none";
+        progressBarEmpty.style.display = "";
+        progressBarFull.style.width = `${100 * progress}%`;
+    }).then((unityInstance) => {
+        loadingCover.style.display = "none";
+        if (canFullscreen) {
+            if (!hideFullScreenButton) {
+                fullscreenButton.style.display = "";
+            }
+            fullscreenButton.onclick = () => {
+                unityInstance.SetFullscreen(1);
+            };
+        }
+    }).catch((message) => {
+        alert(message);
+    });
+};
+document.body.appendChild(script);

index.html

@@ -25,72 +25,7 @@
     </div>
   </div>
   <div id="unity-fullscreen-button" style="display: none;"></div>
-  <script>
-    const hideFullScreenButton = "";
-    const buildUrl = "Build";
-    const loaderUrl = buildUrl + "/SimplifiedTerrain-simpleMovement-light-demo-webgl-dev.loader.js";
-    const config = {
-      dataUrl: buildUrl + "/SimplifiedTerrain-simpleMovement-light-demo-webgl-dev.data",
-      frameworkUrl: buildUrl + "/SimplifiedTerrain-simpleMovement-light-demo-webgl-dev.framework.js",
-      codeUrl: buildUrl + "/SimplifiedTerrain-simpleMovement-light-demo-webgl-dev.wasm",
-      streamingAssetsUrl: "StreamingAssets",
-      companyName: "DefaultCompany",
-      productName: "excav_simul_3d",
-      productVersion: "0.1",
-    };
-
-    const container = document.querySelector("#unity-container");
-    const canvas = document.querySelector("#unity-canvas");
-    const loadingCover = document.querySelector("#loading-cover");
-    const progressBarEmpty = document.querySelector("#unity-progress-bar-empty");
-    const progressBarFull = document.querySelector("#unity-progress-bar-full");
-    const fullscreenButton = document.querySelector("#unity-fullscreen-button");
-    const spinner = document.querySelector('.spinner');
-
-    const canFullscreen = (function () {
-      for (const key of [
-        'exitFullscreen',
-        'webkitExitFullscreen',
-        'webkitCancelFullScreen',
-        'mozCancelFullScreen',
-        'msExitFullscreen',
-      ]) {
-        if (key in document) {
-          return true;
-        }
-      }
-      return false;
-    }());
-
-    if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
-      container.className = "unity-mobile";
-      config.devicePixelRatio = 1;
-    }
-    loadingCover.style.display = "";
-
-    const script = document.createElement("script");
-    script.src = loaderUrl;
-    script.onload = () => {
-      createUnityInstance(canvas, config, (progress) => {
-        spinner.style.display = "none";
-        progressBarEmpty.style.display = "";
-        progressBarFull.style.width = `${100 * progress}%`;
-      }).then((unityInstance) => {
-        loadingCover.style.display = "none";
-        if (canFullscreen) {
-          if (!hideFullScreenButton) {
-            fullscreenButton.style.display = "";
-          }
-          fullscreenButton.onclick = () => {
-            unityInstance.SetFullscreen(1);
-          };
-        }
-      }).catch((message) => {
-        alert(message);
-      });
-    };
-    document.body.appendChild(script);
-  </script>
+  <script type="text/javascript" src="gameLoad.js"></script>
   <div id="infoBox">
     <h1>Controls</h1>
     <div id="controls">

main.css

@@ -42,4 +42,12 @@ td {
 #disclaimerBody {
     color: red;
     margin-left: 30px;
+}
+
+#unity-container {
+    /* TODO */
+    width: 66%;
+    height: 66%;
+    margin-left: auto;
+    margin-right: auto;
 }