kdletters
6bf8b0051b
图片改造改为独立 quick-edit 生成器占位并补齐提交链路 生成完成应用项目快照后同步刷新素材库 序列帧导出补充 Spine JSON 与独立验证器 序列帧播放预加载帧资源以减少加载闪烁 本地 dev 默认启用 all 进程角色并更新文档
49 lines
1.5 KiB
HTML
49 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="icon" href="data:," />
|
|
<title>Spine JSON 导出验证</title>
|
|
</head>
|
|
<body>
|
|
<div id="app" class="app">
|
|
<header class="app-toolbar">
|
|
<div class="title-group">
|
|
<h1>Spine JSON 导出验证</h1>
|
|
<p>导入画布导出的 ZIP，检查 skeleton.json 与 frames 渲染结果。</p>
|
|
</div>
|
|
<label class="file-action" for="zipInput">
|
|
选择 ZIP
|
|
<input id="zipInput" type="file" accept=".zip,application/zip" />
|
|
</label>
|
|
</header>
|
|
|
|
<main class="workspace">
|
|
<section id="dropZone" class="preview-pane" aria-label="Spine 预览画布">
|
|
<canvas id="previewCanvas"></canvas>
|
|
<div id="emptyState" class="empty-state">拖入 ZIP 开始验证</div>
|
|
</section>
|
|
|
|
<aside class="inspector" aria-label="验证结果">
|
|
<div id="statusBox" class="status-box" data-tone="info">
|
|
等待导出包
|
|
</div>
|
|
|
|
<label class="field-label" for="skeletonSelect">Skeleton</label>
|
|
<select id="skeletonSelect" disabled>
|
|
<option>尚未导入</option>
|
|
</select>
|
|
|
|
<dl id="summaryList" class="summary-list"></dl>
|
|
|
|
<div class="log-title">日志</div>
|
|
<ul id="logList" class="log-list"></ul>
|
|
</aside>
|
|
</main>
|
|
</div>
|
|
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|