18 lines
3.0 KiB
HTML
18 lines
3.0 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>千段轨迹 · 关卡制作记录</title><link rel="stylesheet" href="style.css"></head>
|
||
<body>
|
||
<header class="page-header"><div><p class="eyebrow">HEX TRAILS / v0.5</p><h1>千段轨迹</h1><p>按章看路线，逐关回放，找到值得继续打磨的地方。</p></div><a class="button primary" href="../../index.html?campaign=v0.5">进入游戏 ↗</a></header>
|
||
<main>
|
||
<div id="summary" class="summary" role="status">正在读取制作记录…</div>
|
||
<section class="browser" aria-label="浏览关卡">
|
||
<div class="controls"><label>章节<select id="chapter"></select></label><label>体验<select id="kind"><option value="">全部体验</option></select></label><label>难度预估<select id="difficulty"><option value="">全部难度</option></select></label><form id="jump"><label>关卡编号<input id="level-number" inputmode="numeric" type="number" min="1" max="1000" placeholder="1–1000" required></label><button type="submit">前往</button></form></div>
|
||
<div class="chapter-heading"><div><p id="chapter-count" class="eyebrow"></p><h2 id="chapter-title"></h2></div><nav aria-label="章节翻页"><button id="export-sheet">导出本章总览 PNG</button><button id="previous">← 上一章</button><button id="next">下一章 →</button></nav></div>
|
||
<div id="grid" class="grid"></div><p id="empty" hidden>本章没有符合筛选条件的关卡。可以更换体验或难度。</p>
|
||
</section>
|
||
<p class="footnote">结构分档和自动回放提供制作证据；玩家是否觉得清楚、轻巧和新鲜，仍需连续试玩校准。<a href="../../levels/v0.5-analysis.json">查看完整回放记录 JSON</a></p>
|
||
</main>
|
||
<dialog id="detail" aria-labelledby="detail-title"><button id="close-detail" class="close" aria-label="关闭制作记录">×</button><div class="detail-heading"><p id="detail-eyebrow" class="eyebrow"></p><h2 id="detail-title"></h2><p id="detail-intent"></p></div><div class="detail-columns"><div><canvas id="review-board" width="650" height="650" aria-label="关卡回放棋盘"></canvas><div class="replay-controls"><button id="replay-reset">重置回放</button><button id="replay-step">下一步</button><button id="replay-play" class="primary">播放全程</button></div><p id="replay-status" role="status"></p><label class="track-toggle"><input id="all-tracks" type="checkbox"> 同等显示全部轨道</label></div><div><div id="detail-metrics" class="detail-metrics"></div><p class="hint">这是制作时保存的一条清盘路线。实际操作可以选择其他顺序。</p><ol id="replay-actions" class="replay-actions"></ol><div class="detail-links"><a id="play-level" class="button primary">亲自试玩 ↗</a><button id="download-level">下载本关 JSON</button></div><details><summary>查看本关验证记录</summary><pre id="detail-evidence"></pre></details></div></div></dialog>
|
||
<script type="module" src="app.js"></script>
|
||
</body></html>
|