mirror of
https://github.com/unanmed/HumanBreak.git
synced 2025-04-19 17:16:08 +08:00
211 lines
11 KiB
HTML
211 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<script type="module" crossorigin src="/HumanBreak/assets/polyfills-4dd3b0a6.js"></script>
|
||
|
||
<meta http-equiv='content-type' content='text/html' charset='utf-8'>
|
||
<meta http-equiv='X-UA-Compatible' content='IE=Edge, chrome=1'>
|
||
<meta name='author' content='ckcz123'>
|
||
<meta name='viewport'
|
||
content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=yes'>
|
||
<title>HTML5魔塔</title>
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||
<meta name="screen-orientation" content="portrait">
|
||
<meta name="full-screen" content="yes">
|
||
<meta name="browsermode" content="application">
|
||
<meta name="x5-orientation" content="portrait">
|
||
<meta name="x5-fullscreen" content="true">
|
||
<meta name="x5-page-mode" content="app">
|
||
<link id="mota-css" type='text/css' href='/HumanBreak/styles.css' rel='stylesheet'>
|
||
<script type="module" crossorigin src="/HumanBreak/assets/index-d6a0fd04.js"></script>
|
||
<link rel="modulepreload" crossorigin href="/HumanBreak/assets/antdv-4c8751a8.js">
|
||
<link rel="modulepreload" crossorigin href="/HumanBreak/assets/common-f43039af.js">
|
||
<link rel="stylesheet" href="/HumanBreak/assets/index-c6741a58.css">
|
||
<script type="module">import.meta.url;import("_").catch(()=>1);async function* g(){};window.__vite_is_modern_browser=true;</script>
|
||
<script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
|
||
</head>
|
||
|
||
<body>
|
||
<div id='startImageBackgroundDiv'>
|
||
<div id='startImageDiv'></div>
|
||
<img id='startImageLogo' />
|
||
</div>
|
||
<script>
|
||
(function () {
|
||
var startImageBackgroundDiv = document.getElementById('startImageBackgroundDiv');
|
||
var startImageLogo = document.getElementById('startImageLogo');
|
||
var startImageDiv = document.getElementById('startImageDiv');
|
||
startImageLogo.onload = function () {
|
||
startImageBackgroundDiv.style.display = 'block';
|
||
var onAnimationEnd = function () {
|
||
if (window.core && core.plugin && core.plugin.startAnimationEnded) {
|
||
core.plugin.startAnimationEnded.value = true;
|
||
startImageBackgroundDiv.style.display = 'none';
|
||
startImageLogo.classList.remove("startImageAnimation");
|
||
startImageDiv.classList.remove("startImageDivAnimation");
|
||
}
|
||
}
|
||
startImageDiv.addEventListener("webkitAnimationEnd", onAnimationEnd);
|
||
startImageDiv.addEventListener("animationend", onAnimationEnd);
|
||
startImageLogo.classList.add("startImageAnimation");
|
||
startImageDiv.classList.add("startImageDivAnimation");
|
||
// 注释下面这句话以禁止单击立刻跳过开场动画
|
||
startImageBackgroundDiv.onclick = onAnimationEnd;
|
||
}
|
||
startImageLogo.onerror = function () { }
|
||
startImageLogo.src = "logo.png";
|
||
})();
|
||
</script>
|
||
<div id="game">
|
||
<!-- injection -->
|
||
<div id='gameGroup'>
|
||
<p id='mainTips'>请稍候...</p>
|
||
<div id='startPanel'>
|
||
<div id='startTop'>
|
||
<div id='startTopProgressBar'>
|
||
<div id='startTopProgress'></div>
|
||
</div>
|
||
<p id='startTopLoadTips'>资源即将开始加载</p>
|
||
<p id='startTopHint'>HTML5魔塔游戏平台，享受更多魔塔游戏：<br />https://h5mota.com/</p>
|
||
</div>
|
||
</div>
|
||
<div id='floorMsgGroup'>
|
||
<p id='logoLabel'></p>
|
||
<p id='versionLabel'></p>
|
||
<p id='floorNameLabel'></p>
|
||
</div>
|
||
<div id='statusBar' class="clearfix">
|
||
<div class="status" id="floorCol">
|
||
<img id="img-floor">
|
||
<p class='statusLabel statusText' id='floor'></p>
|
||
</div>
|
||
<div class="status" id="nameCol">
|
||
<img id="img-name">
|
||
<p class='statusLabel statusText' id='name'></p>
|
||
</div>
|
||
<div class="status" id="lvCol">
|
||
<img id="img-lv">
|
||
<p class='statusLabel statusText' id='lv'></p>
|
||
</div>
|
||
<div class="status" id='hpmaxCol'>
|
||
<img id="img-hpmax">
|
||
<p class='statusLabel statusText' id='hpmax'></p>
|
||
</div>
|
||
<div class="status" id='hpCol'>
|
||
<img id="img-hp">
|
||
<p class='statusLabel statusText' id='hp'></p>
|
||
</div>
|
||
<div class="status" id='manaCol'>
|
||
<img id="img-mana">
|
||
<p class='statusLabel statusText' id='mana'></p>
|
||
</div>
|
||
<div class="status" id='atkCol'>
|
||
<img id="img-atk">
|
||
<p class='statusLabel statusText' id='atk'></p>
|
||
</div>
|
||
<div class="status" id='defCol'>
|
||
<img id="img-def">
|
||
<p class='statusLabel statusText' id='def'></p>
|
||
</div>
|
||
<div class="status" id="mdefCol">
|
||
<img id="img-mdef">
|
||
<p class='statusLabel statusText' id='mdef'></p>
|
||
</div>
|
||
<div class="status" id="moneyCol">
|
||
<img id="img-money">
|
||
<p class='statusLabel statusText' id='money'></p>
|
||
</div>
|
||
<div class="status" id="expCol">
|
||
<img id="img-exp">
|
||
<p class='statusLabel statusText' id='exp'></p>
|
||
</div>
|
||
<div class="status" id="upCol">
|
||
<img id="img-up">
|
||
<p class='statusLabel statusText' id='up'></p>
|
||
</div>
|
||
<div class="status" id="skillCol">
|
||
<img id="img-skill">
|
||
<p class='statusLabel statusText' id='skill' style='font-style: normal'></p>
|
||
</div>
|
||
<div class="status" id='keyCol'>
|
||
<span class='statusLabel' id='yellowKey' style="color:#FFCCAA"></span>
|
||
<span class='statusLabel' id='blueKey' style="color:#AAAADD"></span>
|
||
<span class='statusLabel' id='redKey' style="color:#FF8888"></span>
|
||
<span class='statusLabel' id='greenKey' style="color:#88FF88"></span>
|
||
</div>
|
||
<div class="status" id='pzfCol'>
|
||
<span class='statusLabel' id='pickaxe' style="color: #BC6E27"></span>
|
||
<span class='statusLabel' id='bomb' style="color: #FA14B9"></span>
|
||
<span class='statusLabel' id='fly' style="color: #8DB600"></span>
|
||
</div>
|
||
<div class="status" id="debuffCol">
|
||
<span class='statusLabel' id='poison' style="color: #AFFCA8;"></span>
|
||
<span class='statusLabel' id='weak' style="color: #FECCD0;"></span>
|
||
<span class='statusLabel' id='curse' style="color: #C2F4E7;"></span>
|
||
</div>
|
||
|
||
<!-- 状态栏canvas化 -->
|
||
<canvas id="statusCanvas" style="position: absolute; left: 0; top: 0;"></canvas>
|
||
</div>
|
||
<div id="toolBar" class="clearfix">
|
||
<img class="tools" id='img-book'>
|
||
<img class="tools" id='img-fly'>
|
||
<img class="tools" id='img-toolbox'>
|
||
<img class="tools" id='img-keyboard'>
|
||
<img class="tools" id='img-shop'>
|
||
<img class="tools" id='img-save'>
|
||
<img class="tools" id='img-load'>
|
||
<img class="tools" id='img-settings'>
|
||
<img class="tools" id='img-btn1' style='display:none'>
|
||
<img class="tools" id='img-btn2' style='display:none'>
|
||
<img class="tools" id='img-btn3' style='display:none'>
|
||
<img class="tools" id='img-btn4' style='display:none'>
|
||
<img class="tools" id='img-btn5' style='display:none'>
|
||
<img class="tools" id='img-btn6' style='display:none'>
|
||
<img class="tools" id='img-btn7' style='display:none'>
|
||
<img class="tools" id='img-btn8' style='display:none'>
|
||
<p class="statusLabel tools" id="hard"></p>
|
||
</div>
|
||
<div id="gameDraw">
|
||
<div id="gif"></div>
|
||
<div id="gif2"></div>
|
||
<canvas class='gameCanvas draw-canvas' id='bg'></canvas>
|
||
<canvas class='gameCanvas draw-canvas' id='event'></canvas>
|
||
<canvas class='gameCanvas draw-canvas' id='hero'></canvas>
|
||
<canvas class='gameCanvas draw-canvas' id='event2'></canvas>
|
||
<canvas class='gameCanvas draw-canvas' id='fg'></canvas>
|
||
<canvas class='gameCanvas' id='damage'></canvas>
|
||
<canvas class='gameCanvas' id='animate'></canvas>
|
||
<canvas class='gameCanvas' id='curtain'></canvas>
|
||
<canvas class='gameCanvas' id='ui'></canvas>
|
||
<canvas class='gameCanvas' id='data'>此浏览器不支持HTML5</canvas>
|
||
<div id="next"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id='inputDiv'>
|
||
<div id='inputDialog'>
|
||
<p id="inputMessage">请输入文字...</p>
|
||
<input id='inputBox' type="text" autocomplete="off" />
|
||
<button id='inputYes'>确定</button>
|
||
<button id='inputNo'>取消</button>
|
||
</div>
|
||
</div>
|
||
<div id="root"></div>
|
||
<div id="root2"></div>
|
||
<!-- injection -->
|
||
<script src='libs/thirdparty/lz-string.min.js'></script>
|
||
<script src='libs/thirdparty/priority-queue.min.js'></script>
|
||
<script src='libs/thirdparty/localforage.min.js'></script>
|
||
<script src='libs/thirdparty/zip.min.js'></script>
|
||
<script src="libs/thirdparty/lodash.min.js"></script>
|
||
<script id='mainScript' src='main.js'></script>
|
||
|
||
|
||
<script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
|
||
<script nomodule crossorigin id="vite-legacy-polyfill" src="/HumanBreak/assets/polyfills-legacy-ffc4b2a8.js"></script>
|
||
<script nomodule crossorigin id="vite-legacy-entry" data-src="/HumanBreak/assets/index-legacy-2e764b99.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
|
||
</body>
|
||
|
||
</html> |