Created
September 1, 2022 14:13
-
-
Save MickaelCruzDB/138c1714bbe706c564d1ab0f4ea1131c to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en-us"> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
<title>Artificial Intelligence Airline Company</title> | |
<link rel="shortcut icon" href="TemplateData/favicon-32x32_0.png"> | |
<link rel="stylesheet" href="TemplateData/style.css"> | |
</head> | |
<body> | |
<div id="unity-container" class="unity-desktop"> | |
<canvas id="unity-canvas" width=1920 height=1080></canvas> | |
<div id="unity-loading-bar"> | |
<div id="unity-logo"></div> | |
<div id="unity-progress-bar-empty"> | |
<div id="unity-progress-bar-full"></div> | |
</div> | |
</div> | |
<div id="unity-footer"> | |
<div id="unity-fullscreen-button"></div> | |
<div id="unity-build-title">Artificial Intelligence Airline Company</div> | |
</div> | |
</div> | |
<script> | |
var container = document.querySelector("#unity-container"); | |
var canvas = document.querySelector("#unity-canvas"); | |
var loadingBar = document.querySelector("#unity-loading-bar"); | |
var progressBarFull = document.querySelector("#unity-progress-bar-full"); | |
var fullscreenButton = document.querySelector("#unity-fullscreen-button"); | |
var buildUrl = "Build"; | |
var loaderUrl = buildUrl + "/brotli.loader.js"; | |
var config = { | |
dataUrl: buildUrl + "/brotli.data.br", | |
frameworkUrl: buildUrl + "/brotli.framework.js.br", | |
codeUrl: buildUrl + "/brotli.wasm.br", | |
streamingAssetsUrl: "StreamingAssets", | |
companyName: "DigitalBlend", | |
productName: "airbus-ia-unity-web", | |
productVersion: "0.1", | |
}; | |
// By default Unity keeps WebGL canvas render target size matched with | |
// the DOM size of the canvas element (scaled by window.devicePixelRatio) | |
// Set this to false if you want to decouple this synchronization from | |
// happening inside the engine, and you would instead like to size up | |
// the canvas DOM size and WebGL render target sizes yourself. | |
// config.matchWebGLToCanvasSize = false; | |
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); | |
container.className = "unity-mobile"; | |
// To lower canvas resolution on mobile devices to gain some | |
// performance, uncomment the following line: | |
// config.devicePixelRatio = 1; | |
canvas.style.width = window.innerWidth + 'px'; | |
canvas.style.height = window.innerHeight + 'px'; | |
} else { | |
// Desktop style: Render the game canvas in a window that can be maximized to fullscreen: | |
canvas.style.width = "1920px"; | |
canvas.style.height = "1080px"; | |
} | |
loadingBar.style.display = "block"; | |
var script = document.createElement("script"); | |
script.src = loaderUrl; | |
script.onload = () => { | |
createUnityInstance(canvas, config, (progress) => { | |
progressBarFull.style.width = 100 * progress + "%"; | |
}).then((unityInstance) => { | |
loadingBar.style.display = "none"; | |
fullscreenButton.onclick = () => { | |
unityInstance.SetFullscreen(1); | |
}; | |
}).catch((message) => { | |
alert(message); | |
}); | |
}; | |
document.body.appendChild(script); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment