beyond-simulator-web 0.4.0 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -0
- package/dist/public/app.js +54 -43
- package/dist/public/editor.html +1 -1
- package/dist/public/editor.js +19 -16
- package/dist/public/index.html +43 -42
- package/dist/public/play-renderer.js +73 -72
- package/dist/public/play.html +9 -9
- package/dist/public/play.js +47 -31
- package/dist/server.js +19 -17
- package/dist/worker.js +10 -10
- package/package.json +1 -1
package/dist/public/index.html
CHANGED
|
@@ -4,27 +4,27 @@
|
|
|
4
4
|
<meta charset="utf-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
6
|
<meta name="theme-color" content="#20242e">
|
|
7
|
-
<title>千星模拟器 · Live Preview</title>
|
|
7
|
+
<title data-i18n="千星模拟器 · Live Preview">千星模拟器 · Live Preview</title>
|
|
8
8
|
<link rel="stylesheet" href="/styles.css">
|
|
9
9
|
</head>
|
|
10
|
-
<body>
|
|
10
|
+
<body data-qxqy-font-ui>
|
|
11
11
|
<header class="topbar">
|
|
12
12
|
<div class="brand">
|
|
13
13
|
<span class="brand-mark" aria-hidden="true">UI</span>
|
|
14
14
|
<div>
|
|
15
|
-
<strong>模拟器</strong>
|
|
16
|
-
<span>Web Preview · 实时预览</span>
|
|
15
|
+
<strong data-i18n="模拟器">模拟器</strong>
|
|
16
|
+
<span data-i18n="Web Preview · 实时预览">Web Preview · 实时预览</span>
|
|
17
17
|
</div>
|
|
18
18
|
</div>
|
|
19
19
|
<div class="project-picker">
|
|
20
|
-
<label for="archive-select">工作区存档</label>
|
|
21
|
-
<select id="archive-select" aria-label="工作区存档"></select>
|
|
22
|
-
<button id="reload-button" class="icon-button" title="重新读取存档" aria-label="重新读取存档">↻</button>
|
|
20
|
+
<label for="archive-select" data-i18n="工作区存档">工作区存档</label>
|
|
21
|
+
<select id="archive-select" aria-label="工作区存档" data-i18n-aria-label="工作区存档"></select>
|
|
22
|
+
<button id="reload-button" class="icon-button" title="重新读取存档" data-i18n-title="重新读取存档" aria-label="重新读取存档" data-i18n-aria-label="重新读取存档">↻</button>
|
|
23
23
|
</div>
|
|
24
24
|
<div class="topbar-status">
|
|
25
|
-
<a href="/editor" style="color:inherit">编辑工作台 ↗</a>
|
|
26
|
-
<div id="connection" class="connection"><span></span>正在连接</div>
|
|
27
|
-
<button id="theme-button" class="icon-button theme-button" title="切换亮暗主题" aria-label="切换亮暗主题">◐</button>
|
|
25
|
+
<a href="/editor" style="color:inherit" data-i18n="编辑工作台 ↗">编辑工作台 ↗</a>
|
|
26
|
+
<div id="connection" class="connection"><span></span><span data-i18n="正在连接">正在连接</span></div>
|
|
27
|
+
<button id="theme-button" class="icon-button theme-button" title="切换亮暗主题" data-i18n-title="切换亮暗主题" aria-label="切换亮暗主题" data-i18n-aria-label="切换亮暗主题">◐</button>
|
|
28
28
|
</div>
|
|
29
29
|
</header>
|
|
30
30
|
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
<div class="panel-heading">
|
|
34
34
|
<div>
|
|
35
35
|
<span class="eyebrow">STRUCTURE</span>
|
|
36
|
-
<h2 id="tree-title">控件树</h2>
|
|
36
|
+
<h2 id="tree-title" data-i18n="控件树">控件树</h2>
|
|
37
37
|
</div>
|
|
38
38
|
<span id="tree-count" class="count">0</span>
|
|
39
39
|
</div>
|
|
@@ -42,55 +42,56 @@
|
|
|
42
42
|
|
|
43
43
|
<section class="preview-panel">
|
|
44
44
|
<div class="preview-toolbar panel">
|
|
45
|
-
<div class="segmented" aria-label="预览模式">
|
|
46
|
-
<button id="mode-editor" class="active" data-mode="editor">编辑器</button>
|
|
47
|
-
<button id="mode-play" data-mode="play">试玩</button>
|
|
45
|
+
<div class="segmented" aria-label="预览模式" data-i18n-aria-label="预览模式">
|
|
46
|
+
<button id="mode-editor" class="active" data-mode="editor" data-i18n="编辑器">编辑器</button>
|
|
47
|
+
<button id="mode-play" data-mode="play" data-i18n="试玩">试玩</button>
|
|
48
48
|
</div>
|
|
49
49
|
<label class="select-field">
|
|
50
|
-
<span>资产</span>
|
|
50
|
+
<span data-i18n="资产">资产</span>
|
|
51
51
|
<select id="asset-select">
|
|
52
|
-
<option value="server-control-template">服务端 UI</option>
|
|
53
|
-
<option value="client-control-template">客户端模板</option>
|
|
52
|
+
<option value="server-control-template" data-i18n="服务端 UI">服务端 UI</option>
|
|
53
|
+
<option value="client-control-template" data-i18n="客户端模板">客户端模板</option>
|
|
54
54
|
</select>
|
|
55
55
|
</label>
|
|
56
56
|
<label class="select-field">
|
|
57
|
-
<span>设备</span>
|
|
57
|
+
<span data-i18n="设备">设备</span>
|
|
58
58
|
<select id="device-select"></select>
|
|
59
59
|
</label>
|
|
60
60
|
<div class="play-controls" id="play-controls">
|
|
61
|
-
<button id="play-start" class="primary">▶ 启动</button>
|
|
62
|
-
<button id="play-
|
|
63
|
-
<button id="play-
|
|
64
|
-
<button id="play-
|
|
65
|
-
<button id="play-
|
|
66
|
-
<button id="play-
|
|
61
|
+
<button id="play-start" class="primary" data-i18n="▶ 启动">▶ 启动</button>
|
|
62
|
+
<button id="play-keys" data-key-input-toggle aria-pressed="true" title="转发官方键位的按下/抬起事件（含鼠标左右键）；关闭不影响画布点击" data-i18n-title="转发官方键位的按下/抬起事件（含鼠标左右键）；关闭不影响画布点击" data-i18n="键位响应：开">键位响应：开</button>
|
|
63
|
+
<button id="play-audio" data-audio-toggle title="点击解锁浏览器音效" data-i18n-title="点击解锁浏览器音效" data-i18n="开启声音">开启声音</button>
|
|
64
|
+
<button id="play-pause" data-i18n="Ⅱ 暂停">Ⅱ 暂停</button>
|
|
65
|
+
<button id="play-resume" data-i18n="▷ 继续">▷ 继续</button>
|
|
66
|
+
<button id="play-step" data-i18n="+ 1 帧">+ 1 帧</button>
|
|
67
|
+
<button id="play-stop" class="danger" data-i18n="■ 停止">■ 停止</button>
|
|
67
68
|
</div>
|
|
68
69
|
</div>
|
|
69
70
|
|
|
70
71
|
<div class="workspace panel">
|
|
71
72
|
<div class="stage-meta">
|
|
72
73
|
<div>
|
|
73
|
-
<span id="asset-label">等待存档</span>
|
|
74
|
-
<strong id="save-name">未命名存档</strong>
|
|
74
|
+
<span id="asset-label" data-i18n="等待存档">等待存档</span>
|
|
75
|
+
<strong id="save-name" data-i18n="未命名存档">未命名存档</strong>
|
|
75
76
|
</div>
|
|
76
77
|
<div class="stage-readout">
|
|
77
78
|
<span id="canvas-label">—</span>
|
|
78
79
|
<span id="revision-label">Revision —</span>
|
|
79
80
|
</div>
|
|
80
81
|
</div>
|
|
81
|
-
<div id="stage-shell" class="stage-shell" tabindex="0" aria-label="模拟器预览画布">
|
|
82
|
+
<div id="stage-shell" class="stage-shell" tabindex="0" aria-label="模拟器预览画布" data-i18n-aria-label="模拟器预览画布">
|
|
82
83
|
<img id="stage-image" alt="千星模拟器预览">
|
|
83
84
|
<canvas id="stage-canvas" class="stage-canvas" hidden></canvas>
|
|
84
85
|
<div id="stage-empty" class="stage-empty">
|
|
85
86
|
<span>⌁</span>
|
|
86
|
-
<strong>等待工作区存档</strong>
|
|
87
|
-
<p>Codex 保存 qxqy-simulator-save JSON 后会自动出现在这里。</p>
|
|
87
|
+
<strong data-i18n="等待工作区存档">等待工作区存档</strong>
|
|
88
|
+
<p data-i18n="Codex 保存 qxqy-simulator-save JSON 后会自动出现在这里。">Codex 保存 qxqy-simulator-save JSON 后会自动出现在这里。</p>
|
|
88
89
|
</div>
|
|
89
|
-
<div id="stage-loading" class="stage-loading" hidden>正在更新画面…</div>
|
|
90
|
+
<div id="stage-loading" class="stage-loading" hidden data-i18n="正在更新画面…">正在更新画面…</div>
|
|
90
91
|
</div>
|
|
91
92
|
<div class="stage-footer">
|
|
92
|
-
<span id="active-path">尚未打开存档</span>
|
|
93
|
-
<span id="play-readout">编辑器静态预览</span>
|
|
93
|
+
<span id="active-path" data-i18n="尚未打开存档">尚未打开存档</span>
|
|
94
|
+
<span id="play-readout" data-i18n="编辑器静态预览">编辑器静态预览</span>
|
|
94
95
|
</div>
|
|
95
96
|
</div>
|
|
96
97
|
</section>
|
|
@@ -99,30 +100,30 @@
|
|
|
99
100
|
<div class="panel-heading">
|
|
100
101
|
<div>
|
|
101
102
|
<span class="eyebrow">INSPECT</span>
|
|
102
|
-
<h2>预览信息</h2>
|
|
103
|
+
<h2 data-i18n="预览信息">预览信息</h2>
|
|
103
104
|
</div>
|
|
104
105
|
</div>
|
|
105
106
|
<section class="info-card">
|
|
106
|
-
<span class="info-label">当前节点</span>
|
|
107
|
-
<strong id="node-name">未选择</strong>
|
|
107
|
+
<span class="info-label" data-i18n="当前节点">当前节点</span>
|
|
108
|
+
<strong id="node-name" data-i18n="未选择">未选择</strong>
|
|
108
109
|
<dl id="node-details"></dl>
|
|
109
110
|
</section>
|
|
110
111
|
<section class="info-card metrics">
|
|
111
|
-
<div><span>控件</span><strong id="metric-controls">0</strong></div>
|
|
112
|
+
<div><span data-i18n="控件">控件</span><strong id="metric-controls">0</strong></div>
|
|
112
113
|
<div><span>Lua</span><strong id="metric-scripts">0</strong></div>
|
|
113
|
-
<div><span>画布</span><strong id="metric-canvas">—</strong></div>
|
|
114
|
+
<div><span data-i18n="画布">画布</span><strong id="metric-canvas">—</strong></div>
|
|
114
115
|
</section>
|
|
115
116
|
<section class="log-card">
|
|
116
|
-
<div class="log-heading"><span>Runtime Logs</span><button id="clear-logs">清空</button></div>
|
|
117
|
-
<pre id="runtime-logs">试玩启动后显示 Lua 日志。</pre>
|
|
117
|
+
<div class="log-heading"><span>Runtime Logs</span><button id="clear-logs" data-i18n="清空">清空</button></div>
|
|
118
|
+
<pre id="runtime-logs" data-i18n="试玩启动后显示 Lua 日志。">试玩启动后显示 Lua 日志。</pre>
|
|
118
119
|
</section>
|
|
119
120
|
<section class="info-card connection-details">
|
|
120
|
-
<span class="info-label">预览连接</span>
|
|
121
|
-
<div id="server-version">正在连接服务…</div>
|
|
121
|
+
<span class="info-label" data-i18n="预览连接">预览连接</span>
|
|
122
|
+
<div id="server-version" data-i18n="正在连接服务…">正在连接服务…</div>
|
|
122
123
|
<div id="workspace-path"></div>
|
|
123
124
|
<div id="preview-diagnostics" role="status" aria-live="polite" hidden></div>
|
|
124
125
|
</section>
|
|
125
|
-
<p class="watch-note"><span>●</span> 当前存档保存后自动刷新；首次存档会自动发现。切换其他存档请使用顶部列表或 MCP 预览工具。</p>
|
|
126
|
+
<p class="watch-note"><span>●</span><span data-i18n="当前存档保存后自动刷新；首次存档会自动发现。切换其他存档请使用顶部列表或 MCP 预览工具。"> 当前存档保存后自动刷新；首次存档会自动发现。切换其他存档请使用顶部列表或 MCP 预览工具。</span></p>
|
|
126
127
|
</aside>
|
|
127
128
|
</main>
|
|
128
129
|
|