Add scene selection with multiple level configs

This commit is contained in:
Daddy32
2025-12-12 12:32:13 +01:00
parent a3be004c12
commit ccba28d646
2 changed files with 150 additions and 28 deletions

View File

@@ -157,6 +157,14 @@
color: var(--text);
font-size: 13px;
}
.selector {
background: rgba(0, 0, 0, 0.25);
color: var(--text);
border: 1px solid rgba(148, 163, 184, 0.3);
border-radius: 8px;
padding: 6px 8px;
font-size: 13px;
}
.legend {
position: absolute;
top: 16px;
@@ -330,6 +338,10 @@
<div class="card">
<strong>High score</strong> <span id="high-score">0</span>
</div>
<div class="card">
<strong>Scene</strong>
<select id="scene-select" class="selector"></select>
</div>
</div>
<div class="instructions">
Click or touch a ball to start a chain. Drag through balls of
@@ -338,7 +350,9 @@
than the minimum vanish; chains with enough balls clear all
linked balls (score: 10 × length²). If the entry gets blocked
and a new ball cannot drop in, the run ends—restart to try
again. Pause/resume with the Pause button or Escape key.
again. Pause/resume with the Pause button or Escape key. Switch
scenes with the selector to try different layouts/configs
(resets the run).
</div>
</div>