fix: webgl template fix

trilitech · Nov 13, 2024 · b3fc95e · b3fc95e
1 parent 6c5dda3
commit b3fc95e
Showing 1 changed file with 51 additions and 74 deletions.
diff --git a/WebGLFrontend/output/WebGLTemplates/Airgap/index.html b/WebGLFrontend/output/WebGLTemplates/Airgap/index.html
@@ -1,94 +1,71 @@
 <!DOCTYPE html>
 <html lang="en-us">
 <head>
-    <meta charset="utf-8">
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate">
-    <meta http-equiv="Pragma" content="no-cache">
-    <title>Unity WebGL Player | {{{ PRODUCT_NAME }}}</title>
-    <link rel="stylesheet" href="TemplateData/style.css">
-    <script src="StreamingAssets/webgl-frontend.js"></script>
+  <meta charset="utf-8">
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate">
+  <meta http-equiv="Pragma" content="no-cache">
+  <title>Unity WebGL Player | {{{ PRODUCT_NAME }}}</title>
+  <link rel="stylesheet" href="TemplateData/style.css">
+  <script src="StreamingAssets/webgl-frontend.js"></script>
 </head>
 <body style="text-align: center">
 
 <!-- Canvas for the Unity WebGL content -->
-<canvas id="unity-canvas" width={{{ WIDTH }}} height={{{ HEIGHT }}}
-        style="width: {{{ WIDTH }}}px; height: {{{ HEIGHT }}}px; background: {{{ BACKGROUND_FILENAME ? 'url(\'Build/' + BACKGROUND_FILENAME.replace(/'/g, '%27') + '\') center / cover' : BACKGROUND_COLOR }}}"></canvas>
+<canvas id="unity-canvas" width={{{ WIDTH }}} height={{{ HEIGHT }}} style="width: {{{ WIDTH }}}px; height: {{{ HEIGHT }}}px; background: {{{ BACKGROUND_FILENAME ? 'url(\'Build/' + BACKGROUND_FILENAME.replace(/'/g, '%27') + '\') center / cover' : BACKGROUND_COLOR }}}"></canvas>
 
 <!-- Loading Bar HTML Structure -->
 <div id="unity-loading-bar" style="display: none;">
-    <div id="unity-logo"></div>
-    <div id="unity-progress-bar-empty">
-        <div id="unity-progress-bar-full"></div>
-    </div>
+  <div id="unity-logo"></div>
+  <div id="unity-progress-bar-empty">
+    <div id="unity-progress-bar-full"></div>
+  </div>
 </div>
 
 <script src="Build/{{{ LOADER_FILENAME }}}"></script>
 <script>
-    // Check for mobile device to apply mobile-specific styling
-    if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
-        var meta = document.createElement('meta');
-        meta.name = 'viewport';
-        meta.content = 'width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, shrink-to-fit=yes';
-        document.getElementsByTagName('head')[0].appendChild(meta);
-    }
+  // Check for mobile device to apply mobile-specific styling
+  if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
+    var meta = document.createElement('meta');
+    meta.name = 'viewport';
+    meta.content = 'width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, shrink-to-fit=yes';
+    document.getElementsByTagName('head')[0].appendChild(meta);
+  }
 
-    // Initialize loading bar elements
-    var loadingBar = document.querySelector("#unity-loading-bar");
-    var progressBarFull = document.querySelector("#unity-progress-bar-full");
+  // Initialize loading bar elements
+  var loadingBar = document.querySelector("#unity-loading-bar");
+  var progressBarFull = document.querySelector("#unity-progress-bar-full");
 
-    // Show loading bar before Unity initializes
-    loadingBar.style.display = "block";
+  // Show loading bar before Unity initializes
+  loadingBar.style.display = "block";
 
-    createUnityInstance(document.querySelector("#unity-canvas"), {
-        dataUrl: "Build/{{{ DATA_FILENAME }}}",
-        frameworkUrl: "Build/{{{ FRAMEWORK_FILENAME }}}",
-        #if USE_WASM
-        codeUrl: "Build/{{{ CODE_FILENAME }}}",
-        #endif
-        #if MEMORY_FILENAME
-        memoryUrl: "Build/{{{ MEMORY_FILENAME }}}",
-        #endif
-        #if SYMBOLS_FILENAME
-        symbolsUrl: "Build/{{{ SYMBOLS_FILENAME }}}",
-        #endif
-        streamingAssetsUrl: "StreamingAssets",
-        companyName: {
-    {
-        {
-            JSON.stringify(COMPANY_NAME)
-        }
-    }
-    },
-    productName: {
-        {
-            {
-                JSON.stringify(PRODUCT_NAME)
-            }
-        }
-    }
-    ,
-    productVersion: {
-        {
-            {
-                JSON.stringify(PRODUCT_VERSION)
-            }
-        }
-    }
-    ,
-    },
-    (progress) => {
-        // Update loading bar progress
-        progressBarFull.style.width = 100 * progress + "%";
-    }
-    ).then((unityInstance) => {
-        // Hide loading bar once Unity is loaded
-        loadingBar.style.display = "none";
-        console.log("Unity instance initialized.");
-        window.unityInstance = unityInstance;
-    }).catch((message) => {
-        alert(message);
-    });
+  createUnityInstance(document.querySelector("#unity-canvas"), {
+    dataUrl: "Build/{{{ DATA_FILENAME }}}",
+    frameworkUrl: "Build/{{{ FRAMEWORK_FILENAME }}}",
+    #if USE_WASM
+    codeUrl: "Build/{{{ CODE_FILENAME }}}",
+    #endif
+    #if MEMORY_FILENAME
+    memoryUrl: "Build/{{{ MEMORY_FILENAME }}}",
+    #endif
+    #if SYMBOLS_FILENAME
+    symbolsUrl: "Build/{{{ SYMBOLS_FILENAME }}}",
+    #endif
+    streamingAssetsUrl: "StreamingAssets",
+    companyName: {{{ JSON.stringify(COMPANY_NAME) }}},
+  productName: {{{ JSON.stringify(PRODUCT_NAME) }}},
+  productVersion: {{{ JSON.stringify(PRODUCT_VERSION) }}},
+  }, (progress) => {
+    // Update loading bar progress
+    progressBarFull.style.width = 100 * progress + "%";
+  }).then((unityInstance) => {
+    // Hide loading bar once Unity is loaded
+    loadingBar.style.display = "none";
+    console.log("Unity instance initialized.");
+    window.unityInstance = unityInstance;
+  }).catch((message) => {
+    alert(message);
+  });
 </script>
 
 <div id="logger-output"></div>