update GUI

This commit is contained in:
pobadoba
2026-05-10 17:26:54 +09:00
parent c28a1d1f6a
commit 808b2545e2
7 changed files with 537 additions and 72 deletions

View File

@@ -39,28 +39,6 @@
</div>
</div>
<div class="control-group">
<h3>Settings</h3>
<div class="slider-group">
<label>Maze width:
<input id="slider-width" type="range" min="9" max="31" step="2" value="11" />
<span id="value-width">11</span> cells
</label>
</div>
<div class="slider-group">
<label>Maze height:
<input id="slider-height" type="range" min="9" max="31" step="2" value="11" />
<span id="value-height">11</span> cells
</label>
</div>
<div class="slider-group">
<label>Min chest dead-ends:
<input id="slider-deadends" type="range" min="1" max="10" step="1" value="2" />
<span id="value-deadends">2</span>
</label>
</div>
</div>
<div class="control-group">
<h3>Status</h3>
<div class="status-display">
@@ -71,13 +49,15 @@
<div class="status-line"><strong>Time left:</strong> <span id="status-time">60.0</span></div>
<div class="status-line"><strong>Key:</strong> <span id="status-key">no</span></div>
<div class="status-line"><strong>Rounds:</strong> <span id="status-rounds">0</span></div>
<div class="status-message" id="status-message">Adjust settings, then start a run.</div>
</div>
</div>
</div>
</section>
</main>
<script type="module" src="/src/multi_sketch.js"></script>
<script type="module">
import "./src/babylon_panel.js";
import "./src/html_panel.js";
</script>
</body>
</html>