HTML5UnityTest1 / index.html
awacke1's picture
Update index.html
1df5196
<!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="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: "fb85b0f760260b0cc294204e26c62432.data",
frameworkUrl: "97a88e660e34e1f67c28d149ad66d251.js",
codeUrl: "93957e48ebf3e8e69cf811729764c417.wasm",
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>