Spaces:

Clone04
/

nginDocker

Sleeping

App Files Files Community

Clone04 commited on Jul 9

Commit

92c6416

verified ·

1 Parent(s): 8423c15

Upload 11 files

Browse files

Files changed (4) hide show

.gitattributes +1 -0
html/Build/d28a453ed81d6e2f8f1ddbc09ade6577.data.br +3 -0
html/index.html +223 -171
html/zappar-cv.js +54 -7

.gitattributes CHANGED Viewed

@@ -39,3 +39,4 @@ html/Build/bb3e19fd173f5e78feb18f847810bc42.data.br filter=lfs diff=lfs merge=lf
 html/StreamingAssets/generated_1.zpt filter=lfs diff=lfs merge=lfs -text
 html/StreamingAssets/rocks.zpt filter=lfs diff=lfs merge=lfs -text
 html/StreamingAssets/track_0.zpt filter=lfs diff=lfs merge=lfs -text

 html/StreamingAssets/generated_1.zpt filter=lfs diff=lfs merge=lfs -text
 html/StreamingAssets/rocks.zpt filter=lfs diff=lfs merge=lfs -text
 html/StreamingAssets/track_0.zpt filter=lfs diff=lfs merge=lfs -text
+html/Build/d28a453ed81d6e2f8f1ddbc09ade6577.data.br filter=lfs diff=lfs merge=lfs -text

html/Build/d28a453ed81d6e2f8f1ddbc09ade6577.data.br ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:b25205b3938cf6376fce3d1b07344a0386492ca736a3942543855563259fcdba
+size 47005771

html/index.html CHANGED Viewed

@@ -2,212 +2,264 @@
 <!-- NFYNT -->
 <!DOCTYPE html>
 <html lang="en-us">
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
-    <link rel="shortcut icon" href="favicon.ico">
     <title>VirtualTryOn</title>
     <style>
-        html {
-            box-sizing: border-box;
-        }
-        *,
-        *:before,
-        *:after {
-            box-sizing: inherit;
-        }
-        html,
-        body {
-            position: fixed;
-            top: 0; left: 0; right: 0; bottom: 0;
-        }
-        canvas {
-            display: block;
-        }
-        body {
-            margin: 0;
-        }
-        #unity-container {
-            width: 100%;
-            height: 100%;
-        }
-        #unity-canvas {
-            width: 100%;
-            height: 100%;
-            background: #231F20;
-        }
-        #loading-cover {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        }
-        #unity-loading-bar {
-            flex: 1 1 auto;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-        }
-        #unity-progress-bar-empty {
-            width: 80%;
-            height: 24px;
-            margin: 10px 20px 20px 10px;
-            text-align: left;
-            border: 1px solid white;
-            padding: 2px;
-        }
-        #unity-progress-bar-full {
-            width: 0%;
-            height: 100%;
-            background: white;
-        }
-        .light #unity-progress-bar-empty {
-            border-color: black;
-        }
-        .light #unity-progress-bar-full {
-            background: black;
-        }
-        .spinner,
-        .spinner:after {
-            border-radius: 50%;
-            width: 5em;
-            height: 5em;
-        }
-        .spinner {
-            margin: 10px;
-            font-size: 10px;
-            position: relative;
-            text-indent: -9999em;
-            border-top: 1.1em solid rgba(255, 255, 255, 0.2);
-            border-right: 1.1em solid rgba(255, 255, 255, 0.2);
-            border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
-            border-left: 1.1em solid #ffffff;
-            transform: translateZ(0);
-            animation: spinner-spin 1.1s infinite linear;
         }
-        @keyframes spinner-spin {
-            0% {
-                transform: rotate(0deg);
-            }
-            100% {
-                transform: rotate(360deg);
-            }
         }
     </style>
-</head>
-<body class="dark">
     <div id="unity-container" class="unity-desktop">
-        <canvas id="unity-canvas"></canvas>
     </div>
-    <div id="loading-cover" style="display:none;">
-        <div id="unity-loading-bar">
-            <div id="unity-progress-bar-empty" style="display: none;">
-                <div id="unity-progress-bar-full"></div>
-            </div>
-            <div class="spinner"></div>
         </div>
     </div>
     <script type="text/javascript" src="zappar-cv.js"></script>
     <script>
-        var db = indexedDB.open("dummy_indexdb", 1); // iOS 14.6 fix; the call to open indexdb hangs forever otherwise
-        const buildUrl = "Build";
-        const loaderUrl = buildUrl + "/33050ea7c3fd0dc8ee2d4c1203e4541f.loader.js";
-        const config = {
-            dataUrl: buildUrl + "/3af75ddd8c2802fdd7fbf1eb48a2b37e.data.br",
-            frameworkUrl: buildUrl + "/2bf33c6bee1953a469e389a9b96b6b2f.framework.js.br",
-            codeUrl: buildUrl + "/261f404da3aefa4b1766740784d17a3c.wasm.br",
-            streamingAssetsUrl: "StreamingAssets",
-            companyName: "DefaultCompany",
-            productName: "VirtualTryOn",
-            productVersion: "0.1",
-        //Useful when used along with Filename as Hashes option
-            cacheControl: function (url) {
-            // typically includes: .data, .bundle, .zpt
-            if (url.match(/\.data/) || url.match(/\.bundle/) || url.match(/\.zpt/)) {
              return "immutable";
 }
-            if (url.match(/\.mp4/) || url.match(/\.custom/) || url.match(/\.zbin/)) {
-                return "immutable";
-            }
-            // Disable explicit caching for all other files.
-            // Note: the default browser cache may cache them anyway.
-            return "no-store";
-            },
-        };
-        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 spinner = document.querySelector('.spinner');
-        if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
-            container.className = "unity-mobile";
-            //config.matchWebGLToCanvasSize = false;
-            //set devicePixelRatio=1; to avoid draining fillrate performance on mobile and override low DPI mode
-            config.devicePixelRatio = window.devicePixelRatio;
-        }
-        loadingCover.style.display = "";
-        window.zappar = ZCV.initialize();
-        const script = document.createElement("script");
-        script.src = loaderUrl;
-        //script.onload = () => { CreateUnityLoader();   };
-        document.body.appendChild(script);
-        window.zappar.permission_request_ui_promise().then(WaitForZCVLoad);
-        function WaitForZCVLoad() {
-            if (zappar.loaded()) {
-                CreateUnityLoader();
-                return;
-            }
-            setTimeout(WaitForZCVLoad, 500);
-        }
-        function CreateUnityLoader() {
-            createUnityInstance(canvas, config, (progress) => {
-                spinner.style.display = "none";
-                progressBarEmpty.style.display = "";
-                progressBarFull.style.width = `${100 * progress}%`;
-            }).then((unityInstance) => {
-                loadingCover.style.display = "none";
-                window.uarGameInstance = unityInstance;
-            }).catch((message) => {
-                alert(message);
-            });
-        }
-    </script>
-</body>
-</html>

 <!-- NFYNT -->
 <!DOCTYPE html>
 <html lang="en-us">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, user-scalable=no"
+    />
+    <link rel="shortcut icon" href="favicon.ico" />
     <title>VirtualTryOn</title>
     <style>
+      html {
+        box-sizing: border-box;
+      }
+      *,
+      *:before,
+      *:after {
+        box-sizing: inherit;
+      }
+      html,
+      body {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+      }
+      canvas {
+        display: block;
+      }
+      body {
+        margin: 0;
+      }
+      #unity-container {
+        width: 100%;
+        height: 100%;
+      }
+      #unity-canvas {
+        width: 100%;
+        height: 100%;
+        /*background: #80747D;*/
+        background: rgba(248, 225, 244, 1);
+      }
+      #loading-cover {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: flex-end;
+        padding-bottom: 40px;
+      }
+      .spinner-container {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+      #unity-loading-bar {
+        flex: 1 1 auto;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+      }
+      #unity-progress-bar-empty {
+        width: 80%;
+        height: 24px;
+        margin: 0px 20px 5px 10px;
+        text-align: left;
+        border: 1px solid #3a457d;
+        padding: 2px;
+      }
+      #unity-progress-bar-full {
+        width: 0%;
+        height: 100%;
+        background: #3a457d;
+      }
+      .light #unity-progress-bar-empty {
+        border-color: black;
+      }
+      .light #unity-progress-bar-full {
+        background: black;
+      }
+      #progress-text {
+        color: #3a457d;
+        font-family: "Bai Jamjuree", sans-serif;
+        font-size: 16px;
+        width: 80%;
+        height: 24px;
+        margin: 0px 20px 0px 10px;
+        text-align: right;
+        font-weight: bold;
+      }
+      #loading-text {
+        color: #3a457d;
+        font-family: "Bai Jamjuree", sans-serif;
+        font-size: 14px;
+        width: 80%;
+        height: 24px;
+        margin: 0px 20px 0px 10px;
+        text-align: left;
+        text-transform: uppercase;
+        animation: blink 2s infinite;
+      }
+      @keyframes blink {
+        50% {
+          opacity: 0;
         }
+      }
+      .spinner,
+      .spinner:after {
+        border-radius: 50%;
+        width: 5em;
+        height: 5em;
+      }
+      .spinner {
+        margin: 10px;
+        font-size: 10px;
+        position: relative;
+        text-indent: -9999em;
+        border-top: 1.1em solid rgba(255, 255, 255, 0.2);
+        border-right: 1.1em solid rgba(255, 255, 255, 0.2);
+        border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
+        border-left: 1.1em solid #ffffff;
+        transform: translateZ(0);
+        animation: spinner-spin 1.1s infinite linear;
+      }
+      @keyframes spinner-spin {
+        0% {
+          transform: rotate(0deg);
         }
+        100% {
+          transform: rotate(360deg);
+        }
+      }
     </style>
+  </head>
+  <body class="dark">
     <div id="unity-container" class="unity-desktop">
+      <canvas id="unity-canvas"></canvas>
+    </div>
+    <div class="spinner-container">
+      <div class="spinner"></div>
     </div>
+    <div id="loading-cover" style="display: none">
+      <div id="unity-loading-bar">
+        <div id="progress-text">0%</div>
+        <div id="unity-progress-bar-empty" style="display: none">
+          <div id="unity-progress-bar-full"></div>
         </div>
+        <div id="loading-text">Loading...</div>
+        <!--<div class="spinner"></div>-->
+      </div>
     </div>
     <script type="text/javascript" src="zappar-cv.js"></script>
     <script>
+              var db = indexedDB.open("dummy_indexdb", 1); // iOS 14.6 fix; the call to open indexdb hangs forever otherwise
+              const buildUrl = "Build";
+              const loaderUrl = buildUrl + "/33050ea7c3fd0dc8ee2d4c1203e4541f.loader.js";
+              const config = {
+                  dataUrl: buildUrl + "/d28a453ed81d6e2f8f1ddbc09ade6577.data.br",
+                  frameworkUrl: buildUrl + "/2bf33c6bee1953a469e389a9b96b6b2f.framework.js.br",
+                  codeUrl: buildUrl + "/261f404da3aefa4b1766740784d17a3c.wasm.br",
+                  streamingAssetsUrl: "StreamingAssets",
+                  companyName: "DefaultCompany",
+                  productName: "VirtualTryOn",
+                  productVersion: "0.1",
+              //Useful when used along with Filename as Hashes option
+                  cacheControl: function (url) {
+                  // typically includes: .data, .bundle, .zpt
+                  if (url.match(/\.data/) || url.match(/\.bundle/) || url.match(/\.zpt/)) {
              return "immutable";
 }
+                  if (url.match(/\.mp4/) || url.match(/\.custom/) || url.match(/\.zbin/)) {
+                      return "immutable";
+                  }
+                  // Disable explicit caching for all other files.
+                  // Note: the default browser cache may cache them anyway.
+                  return "no-store";
+                  },
+              };
+              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 progressText  = document.querySelector("#progress-text");
+              const spinner = document.querySelector('.spinner');
+              if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
+                  container.className = "unity-mobile";
+                  //config.matchWebGLToCanvasSize = false;
+                  //set devicePixelRatio=1; to avoid draining fillrate performance on mobile and override low DPI mode
+                  config.devicePixelRatio = window.devicePixelRatio;
+              }
+              loadingCover.style.display = "";
+              window.zappar = ZCV.initialize();
+              const script = document.createElement("script");
+              script.src = loaderUrl;
+              //script.onload = () => { CreateUnityLoader();   };
+              document.body.appendChild(script);
+              window.zappar.permission_request_ui_promise().then(WaitForZCVLoad);
+              function WaitForZCVLoad() {
+                  if (zappar.loaded()) {
+                      CreateUnityLoader();
+                      return;
+                  }
+                  setTimeout(WaitForZCVLoad, 500);
+              }
+              function CreateUnityLoader() {
+                  createUnityInstance(canvas, config, (progress) => {
+                      spinner.style.display = "none";
+                      progressBarEmpty.style.display = "";
+                      progressBarFull.style.width = `${100 * progress}%`;
+                      progressText.textContent = `${Math.round(100 * progress)}%`;
+                  }).then((unityInstance) => {
+                      loadingCover.style.display = "none";
+                      window.uarGameInstance = unityInstance;
+                  }).catch((message) => {
+                      alert(message);
+                  });
+              }
+    </script>
+  </body>
+</html>

html/zappar-cv.js CHANGED Viewed

@@ -2688,13 +2688,60 @@
             if ((yield re(), _e())) return !0;
             let e = document.createElement("div");
             e.classList.add("zappar-permission-request"),
-              (e.innerHTML = `\n    <style>\n        .zappar-permission-request {\n            position: fixed;\n            width: 100%;\n            height: 100%;\n            top: 0px;\n            left: 0px;\n            z-index: 1000;\n            background-color: rgba(0, 0, 0, 0.9);\n            font-family: sans-serif;\n            color: white;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        .zappar-inner {\n            max-width: 400px;\n            text-align: center;\n        }\n        .zappar-title {\n            font-size: 20px;\n        }\n        .zappar-text {\n            font-size: 14px;\n            padding: 15px;\n        }\n        .zappar-inner > button {\n            background: none;\n            outline: none;\n            border: 2px solid white;\n            border-radius: 10px;\n            color: white;\n            padding: 10px 40px;\n            text-transform: uppercase;\n        }\n    </style>\n    <div class="zappar-inner">\n        <div class="zappar-title">${Z(
-                Y.PermissionTitle
-              )}</div>\n        <div class="zappar-text">${Z(
-                Y.PermissionDescription
-              )}</div>\n        <button id="zappar-permission-request-button">${Z(
-                Y.PermissionButton
-              )}</button>\n    </div>\n`),
               document.body.append(e);
             let t = e.querySelector("#zappar-permission-request-button");
             return yield new Promise((r) => {

             if ((yield re(), _e())) return !0;
             let e = document.createElement("div");
             e.classList.add("zappar-permission-request"),
+              (e.innerHTML = `
+                <style>
+                  @import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@500&display=swap');
+                  .zappar-permission-request {
+                    position: fixed;
+                    width: 100%;
+                    height: 100%;
+                    top: 0px;
+                    left: 0px;
+                    z-index: 1000;
+                    background-color: rgba(248, 225, 244, 1);
+                    font-family: 'Bai Jamjuree', sans-serif;
+                    color: #3A457D;
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    justify-content: center;
+                  }
+                  .zappar-inner {
+                    max-width: 400px;
+                    text-align: center;
+                  }
+                  .zappar-title {
+                    font-size: 20px;
+                  }
+                  .zappar-text {
+                    font-size: 14px;
+                    padding: 15px;
+                  }
+                  .zappar-inner > button {
+                      background-color: white;
+                      outline: none;
+                      border: 1px solid #3A457D;
+                      border-radius: 5px;
+                      color: #3A457D;
+                      padding: 10px 40px;
+                      font-family: 'Bai Jamjuree', sans-serif;
+                      text-transform: uppercase;
+                      box-shadow: 4px 4px #3A457D;
+                  }
+                  .zappar-inner > button:active {
+                      transform: translate(4px, 4px);
+                      box-shadow: 0 0px #3A457D;
+                  }
+                </style>
+                <div class="zappar-inner">
+                  <div class="zappar-title">${Z(Y.PermissionTitle)}</div>
+                  <div class="zappar-text">${Z(Y.PermissionDescription)}</div>
+                  <button id="zappar-permission-request-button">${Z(
+                    Y.PermissionButton
+                  )}</button>
+                </div>
+              `),
               document.body.append(e);
             let t = e.querySelector("#zappar-permission-request-button");
             return yield new Promise((r) => {