beyond-simulator-web 0.5.0 → 0.5.2
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 +9 -5
- package/dist/public/app.js +18 -3
- package/dist/public/editor.js +34 -12
- package/dist/public/index.html +1 -1
- package/dist/public/play-renderer.js +108 -107
- package/dist/public/play.js +2 -2
- package/dist/public/styles.css +3 -2
- package/dist/server.js +21 -18
- package/dist/worker.js +12 -9
- package/package.json +1 -1
package/dist/public/play.js
CHANGED
|
@@ -221,8 +221,8 @@
|
|
|
221
221
|
onStatus: applyStatus,
|
|
222
222
|
onError: showError,
|
|
223
223
|
onAudioStatus: status => {
|
|
224
|
-
$('audio').textContent =
|
|
225
|
-
$('audio').title = status.error || (
|
|
224
|
+
$('audio').textContent = status.muted ? t('声音已关闭') : !status.unlocked ? t('开启声音') : t('声音已开启')
|
|
225
|
+
$('audio').title = status.error || (status.muted || status.unlocked ? t('切换静音') : t('点击或在画布内操作以解锁音效'))
|
|
226
226
|
},
|
|
227
227
|
isActive: () => !closing,
|
|
228
228
|
isInputActive: () => !workspace.classList.contains('hidden'),
|
package/dist/public/styles.css
CHANGED
|
@@ -228,8 +228,9 @@ button:focus-visible, select:focus-visible, .stage-shell:focus-visible, .tree-ro
|
|
|
228
228
|
background-size: 4px 4px, 24px 24px;
|
|
229
229
|
}
|
|
230
230
|
:root[data-theme="light"] .stage-shell { background-image: radial-gradient(#0000000c 1px, transparent 1px), linear-gradient(135deg, #ffffff32 25%, transparent 25%, transparent 75%, #00000008 75%); }
|
|
231
|
-
.stage-shell img
|
|
232
|
-
.stage-
|
|
231
|
+
.stage-shell img { display: block; max-width: calc(100% - 24px); max-height: calc(100% - 24px); object-fit: contain; border: 1px solid #40b8cf; outline: 1px solid #1f2732b3; box-shadow: 0 12px 24px var(--shadow); user-select: none; }
|
|
232
|
+
.stage-play { position: relative; overflow: hidden; border: 1px solid #40b8cf; outline: 1px solid #1f2732b3; box-shadow: 0 12px 24px var(--shadow); }
|
|
233
|
+
.stage-canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; touch-action: none; }
|
|
233
234
|
.stage-shell.playing .stage-canvas { cursor: crosshair; }
|
|
234
235
|
.stage-empty { max-width: 360px; display: grid; place-items: center; gap: 7px; padding: 24px; color: var(--muted); text-align: center; }
|
|
235
236
|
.stage-empty > span { color: #77a5ff; font-size: 28px; }
|