Spaces:

awacke1
/

HTML5UnityTest1

Running

App Files Files Community

awacke1 commited on Nov 23, 2023

Commit

5376b5b

1 Parent(s): c0fb6eb

Upload index.html

Browse files

Files changed (1) hide show

index.html +38 -17

index.html CHANGED Viewed

@@ -1,19 +1,40 @@
 <!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

 <!DOCTYPE html>
+<html lang="en-us">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>Unity WebGL Player | 3D HTML5 AI on HuggingFace</title>
+  </head>
+  <body style="text-align: center; padding: 0; border: 0; margin: 0;">
+    <canvas id="unity-canvas" width=1280 height=1024 tabindex="-1" style="width: 1280px; height: 1024px; background: #CCCCCC"></canvas>
+    <script src="Build/HTML5Output.loader.js"></script>
+    <script>
+      if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
+        // Mobile device style: fill the whole browser client area with the game canvas:
+        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);
+        var canvas = document.querySelector("#unity-canvas");
+        canvas.style.width = "100%";
+        canvas.style.height = "100%";
+        canvas.style.position = "fixed";
+        document.body.style.textAlign = "left";
+      }
+      createUnityInstance(document.querySelector("#unity-canvas"), {
+        dataUrl: "Build/HTML5Output.data.gz",
+        frameworkUrl: "Build/HTML5Output.framework.js.gz",
+        codeUrl: "Build/HTML5Output.wasm.gz",
+        streamingAssetsUrl: "StreamingAssets",
+        companyName: "3D HTML5 AI on HuggingFace",
+        productName: "3D HTML5 AI on HuggingFace",
+        productVersion: "0.1",
+        // matchWebGLToCanvasSize: false, // Uncomment this to separately control WebGL canvas render size and DOM element size.
+        // devicePixelRatio: 1, // Uncomment this to override low DPI rendering on high DPI displays.
+      });
+    </script>
+  </body>
 </html>