52 lines
1.6 KiB
HTML
52 lines
1.6 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>d2web · 可行走场景（M1）</title>
|
||
<style>
|
||
:root { color-scheme: dark; }
|
||
* { box-sizing: border-box; }
|
||
body {
|
||
margin: 0;
|
||
background: #0f0d0a;
|
||
color: #e8dcc8;
|
||
font: 13px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
||
}
|
||
header {
|
||
padding: 10px 16px;
|
||
border-bottom: 1px solid #33291f;
|
||
display: flex;
|
||
gap: 14px;
|
||
align-items: baseline;
|
||
flex-wrap: wrap;
|
||
}
|
||
h1 { font-size: 14px; margin: 0; color: #c8a15a; letter-spacing: .06em; }
|
||
a { color: #c8a15a; }
|
||
#hud { color: #9c8d78; }
|
||
#drop {
|
||
margin: 10px 16px;
|
||
padding: 8px 12px;
|
||
border: 1px dashed #6d5a34;
|
||
border-radius: 6px;
|
||
color: #9c8d78;
|
||
cursor: pointer;
|
||
}
|
||
#status { margin: 0 16px 10px; color: #9c8d78; }
|
||
canvas { display: block; margin: 0 16px; background: #000; border: 1px solid #33291f; width: 960px; height: 560px; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>d2web · M1</h1>
|
||
<a href="/">资源检查器</a>
|
||
<span id="hud">—</span>
|
||
</header>
|
||
<div id="drop">拖入 .mpq（或使用 ?sample=）后即可用 WASD / 方向键走动</div>
|
||
<input id="picker" type="file" accept=".mpq,.MPQ" hidden />
|
||
<p id="status">等待归档…</p>
|
||
<canvas id="view" width="960" height="560"></canvas>
|
||
<script type="module" src="/src/walk.ts"></script>
|
||
</body>
|
||
</html>
|