fix: 修复打砖块游戏碰撞穿透bug,添加渐进提速机制

This commit is contained in:
lenn
2026-04-29 15:43:56 +08:00
parent 26533f6916
commit 326f07ed4f
23 changed files with 786 additions and 376 deletions

View File

@@ -3,6 +3,11 @@
export let panel: HudSignalPanel;
export let panelIndex = 0;
export let locale: "zh-CN" | "en-US" = "zh-CN";
$: signalI18n = locale === "zh-CN"
? { now: "当前", max: "最大", min: "最小", total: "合计" }
: { now: "Now", max: "Max", min: "Min", total: "TOTAL" };
const viewportWidth = 100;
const viewportHeight = 36;
@@ -110,7 +115,7 @@
<div class="icon-layer" aria-hidden="true">
{#each panel.icons as icon (icon.id)}
<span class="icon-chip tone-{icon.tone}">{icon.label}</span>
<span class="icon-chip tone-{icon.tone}">{icon.label === "TOTAL" ? signalI18n.total : icon.label}</span>
{/each}
</div>
</header>
@@ -136,17 +141,17 @@
<footer class="panel-foot">
<p class="foot-item">
<span class="dot tone-cyan"></span>
<span class="metric-label">Now</span>
<span class="metric-label">{signalI18n.now}</span>
<span class="value">{latestValue}</span>
</p>
<p class="foot-item">
<span class="dot tone-lime"></span>
<span class="metric-label">Max</span>
<span class="metric-label">{signalI18n.max}</span>
<span class="value">{maxValue}</span>
</p>
<p class="foot-item">
<span class="dot tone-orange"></span>
<span class="metric-label">Min</span>
<span class="metric-label">{signalI18n.min}</span>
<span class="value">{minValue}</span>
</p>
</footer>
@@ -158,7 +163,7 @@
--enter-ms: 1800ms;
--fade-ms: 1000ms;
overflow: hidden;
inline-size: min(100%, clamp(16.8rem, 23vw, 22rem));
inline-size: min(100%, clamp(19rem, 27vw, 26rem));
aspect-ratio: 1.44 / 1;
min-block-size: 11.8rem;
justify-self: start;
@@ -388,7 +393,7 @@
@media (max-width: 1180px) {
.signal-panel {
inline-size: min(100%, clamp(14rem, 30vw, 17rem));
inline-size: min(100%, clamp(16rem, 32vw, 21rem));
aspect-ratio: 1.5 / 1;
min-block-size: 10.1rem;
}