forked from sent/waves
173 lines
5.9 KiB
HTML
173 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
|
<html manifest="offline.appcache">
|
|
<head>
|
|
<script src="/js/all.min.js"></script>
|
|
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<title>ThereIsNoGame</title>
|
|
|
|
<!-- Standardised web app manifest -->
|
|
<link rel="manifest" href="appmanifest.json" />
|
|
|
|
<!-- Allow fullscreen mode on iOS devices. (These are Apple specific meta tags.) -->
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui"
|
|
/>
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
<link rel="apple-touch-icon" sizes="256x256" href="icon-256.png" />
|
|
<meta name="HandheldFriendly" content="true" />
|
|
|
|
<!-- Chrome for Android web app tags -->
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<link rel="shortcut icon" sizes="256x256" href="icon-256.png" />
|
|
|
|
<!-- All margins and padding must be zero for the canvas to fill the screen. -->
|
|
<style type="text/css">
|
|
* {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
html,
|
|
body {
|
|
background: #000;
|
|
color: #fff;
|
|
overflow: hidden;
|
|
touch-action: none;
|
|
-ms-touch-action: none;
|
|
}
|
|
canvas {
|
|
touch-action-delay: none;
|
|
touch-action: none;
|
|
-ms-touch-action: none;
|
|
}
|
|
</style>
|
|
|
|
<style type="text/css">
|
|
.no-select {
|
|
-webkit-touch-callout: none; /* iOS Safari */
|
|
-webkit-user-select: none; /* Safari */
|
|
-khtml-user-select: none; /* Konqueror HTML */
|
|
-moz-user-select: none; /* Old versions of Firefox */
|
|
-ms-user-select: none; /* Internet Explorer/Edge */
|
|
user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
|
|
}
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
setTimeout(function () {
|
|
if (document.getElementsByTagName("canvas").length) {
|
|
document.getElementsByTagName("body")[0].classList.add("no-select");
|
|
}
|
|
}, 2000);
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="fb-root"></div>
|
|
|
|
<!-- The canvas must be inside a div called c2canvasdiv -->
|
|
<div id="c2canvasdiv" class="no-select">
|
|
<!-- The canvas the project will render to. If you change its ID, don't forget to change the
|
|
ID the runtime looks for in the jQuery events above (ready() and cr_sizeCanvas()). -->
|
|
<canvas id="c2canvas" width="320" height="180">
|
|
<!-- This text is displayed if the visitor's browser does not support HTML5.
|
|
You can change it, but it is a good idea to link to a description of a browser
|
|
and provide some links to download some popular HTML5-compatible browsers. -->
|
|
<h1>
|
|
Your browser does not appear to support HTML5. Try upgrading your
|
|
browser to the latest version.
|
|
<a href="http://www.whatbrowser.org">What is a browser?</a>
|
|
<br /><br /><a
|
|
href="http://www.microsoft.com/windows/internet-explorer/default.aspx"
|
|
>Microsoft Internet Explorer</a
|
|
><br />
|
|
<a href="http://www.mozilla.com/firefox/">Mozilla Firefox</a><br />
|
|
<a href="http://www.google.com/chrome/">Google Chrome</a><br />
|
|
<a href="http://www.apple.com/safari/download/">Apple Safari</a><br />
|
|
<a href="http://www.google.com/chromeframe"
|
|
>Google Chrome Frame for Internet Explorer</a
|
|
><br />
|
|
</h1>
|
|
</canvas>
|
|
</div>
|
|
|
|
<!-- Pages load faster with scripts at the bottom -->
|
|
|
|
<!-- Construct 2 exported games require jQuery. -->
|
|
<script src="jquery-2.1.1.min.js"></script>
|
|
|
|
<!-- The runtime script. You can rename it, but don't forget to rename the reference here as well.
|
|
This file will have been minified and obfuscated if you enabled "Minify script" during export. -->
|
|
<script src="c2runtime.js"></script>
|
|
|
|
<script>
|
|
// Start the Construct 2 project running on window load.
|
|
jQuery(document).ready(function () {
|
|
// Create new runtime using the c2canvas
|
|
cr_createRuntime("c2canvas");
|
|
});
|
|
|
|
// Pause and resume on page becoming visible/invisible
|
|
function onVisibilityChanged() {
|
|
if (
|
|
document.hidden ||
|
|
document.mozHidden ||
|
|
document.webkitHidden ||
|
|
document.msHidden
|
|
)
|
|
cr_setSuspended(true);
|
|
else cr_setSuspended(false);
|
|
}
|
|
|
|
document.addEventListener("visibilitychange", onVisibilityChanged, false);
|
|
document.addEventListener(
|
|
"mozvisibilitychange",
|
|
onVisibilityChanged,
|
|
false
|
|
);
|
|
document.addEventListener(
|
|
"webkitvisibilitychange",
|
|
onVisibilityChanged,
|
|
false
|
|
);
|
|
document.addEventListener(
|
|
"msvisibilitychange",
|
|
onVisibilityChanged,
|
|
false
|
|
);
|
|
|
|
if (navigator.serviceWorker && navigator.serviceWorker.register) {
|
|
// Register an empty service worker to trigger web app install banners.
|
|
navigator.serviceWorker.register("sw.js", { scope: "./" });
|
|
}
|
|
</script>
|
|
<script>
|
|
function fnSendMsg(evt) {
|
|
if (typeof window.parent.postMessage == "function") {
|
|
window.parent.postMessage("keypress-from-game", "*");
|
|
} else if (
|
|
typeof window.top.postMessage == "function" &&
|
|
window.top != window.self
|
|
) {
|
|
window.top.postMessage("keypress-from-game", "*");
|
|
}
|
|
}
|
|
document.body.addEventListener("click", function (event) {
|
|
fnSendMsg(event);
|
|
});
|
|
document.addEventListener("keypress", function (event) {
|
|
fnSendMsg(event);
|
|
});
|
|
document.addEventListener("keydown", function (e) {
|
|
fnSendMsg(event);
|
|
});
|
|
document.addEventListener("keyup", function (e) {
|
|
fnSendMsg(event);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|