mirror of
https://github.com/Cola-Echo/memory-manager-concurrent.git
synced 2026-06-06 15:55:52 +00:00
114 lines
4.7 KiB
HTML
114 lines
4.7 KiB
HTML
<!doctype html>
|
|
<html style="touch-action: none;" manifest="offline.appcache">
|
|
<head>
|
|
<title>Super Mario Bros Level 1-1 - Backbone Game Engine</title>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<link href="../favicon.ico" rel="shortcut icon" type="image/x-icon" />
|
|
<link href="../apple_touch_icon.png" rel="apple-touch-icon" />
|
|
|
|
<meta name="viewport" content="width=960, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"/>
|
|
<meta name="mobileoptimized" content="0" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
|
|
|
<script src="../3rd/qtree.js" type="text/javascript"></script>
|
|
<script src="../3rd/underscore.js" type="text/javascript"></script>
|
|
<script src="../3rd/backbone.native.js" type="text/javascript"></script>
|
|
<script src="../3rd/backbone.js" type="text/javascript"></script>
|
|
|
|
<script src="../src/adjust-viewport.js" type="text/javascript"></script>
|
|
<script src="../src/shapes.js" type="text/javascript"></script>
|
|
<script src="../src/core.js" type="text/javascript"></script>
|
|
<script src="../src/character.js" type="text/javascript"></script>
|
|
<script src="../src/input.js" type="text/javascript"></script>
|
|
<script src="../src/hero.js" type="text/javascript"></script>
|
|
<script src="../src/world.js" type="text/javascript"></script>
|
|
<script src="../src/local-storage.js" type="text/javascript"></script>
|
|
<script src="../src/camera.js" type="text/javascript"></script>
|
|
<script src="../src/editor.js" type="text/javascript"></script>
|
|
|
|
<script src="mario.js" type="text/javascript"></script>
|
|
<script src="tiles.js" type="text/javascript"></script>
|
|
<script src="artifacts.js" type="text/javascript"></script>
|
|
<script src="enemies.js" type="text/javascript"></script>
|
|
<script src="display.js" type="text/javascript"></script>
|
|
<script src="level_1-1.js" type="text/javascript"></script>
|
|
<script src="main.js" type="text/javascript"></script>
|
|
|
|
<style>
|
|
* { box-sizing: border-box; }
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #000;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
canvas {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
/* canvas 自适应容器 */
|
|
canvas {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
</style>
|
|
|
|
<script>
|
|
// 强制启用触摸板
|
|
window.forceTouchpad = true;
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<img id="mario" src="super-mario-2x.png" style="display:none;" />
|
|
<img id="tiles" src="super-mario-tiles-2x.png" style="display:none;" />
|
|
<img id="enemies" src="super-mario-enemies-2x.png" style="display:none;" />
|
|
<img id="icons" src="icons.png" style="display:none;" />
|
|
|
|
<canvas id="foreground" width="960" height="700">
|
|
Your browser does not support canvas element.
|
|
</canvas>
|
|
|
|
<script>
|
|
(function () {
|
|
const canvas = document.getElementById("foreground");
|
|
if (!canvas) return;
|
|
|
|
function fitCanvas() {
|
|
const viewportWidth = window.innerWidth || document.documentElement.clientWidth || 0;
|
|
const viewportHeight = window.innerHeight || document.documentElement.clientHeight || 0;
|
|
if (!viewportWidth || !viewportHeight) return;
|
|
|
|
const ratio = canvas.width / canvas.height;
|
|
let w = viewportWidth;
|
|
let h = viewportWidth / ratio;
|
|
if (h > viewportHeight) {
|
|
h = viewportHeight;
|
|
w = viewportHeight * ratio;
|
|
}
|
|
|
|
canvas.style.width = w + "px";
|
|
canvas.style.height = h + "px";
|
|
canvas.style.left = (viewportWidth - w) / 2 + "px";
|
|
canvas.style.top = (viewportHeight - h) / 2 + "px";
|
|
}
|
|
|
|
window.addEventListener("resize", fitCanvas, { passive: true });
|
|
window.addEventListener("orientationchange", fitCanvas, { passive: true });
|
|
fitCanvas();
|
|
setTimeout(fitCanvas, 50);
|
|
})();
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|