Animation added

This commit is contained in:
2025-11-20 23:16:04 -05:00
parent 6d75c8e94e
commit 9197e464a5
8 changed files with 526 additions and 15 deletions

View File

@@ -57,14 +57,6 @@
</button>
<!-- Solving Controls -->
<div class="control-group">
<label class="label">SOLVER</label>
<select id="solver" class="select-input">
<option value="dfs">Depth-First Search</option>
<option value="bfs">Breadth-First Search</option>
</select>
</div>
<button id="solveDfsBtn" class="btn btn-secondary">
6. SOLVE (DFS)
</button>
@@ -72,6 +64,23 @@
7. SOLVE (BFS)
</button>
<!-- Animation Controls -->
<div id="animationControls" class="animation-controls" style="display: none;">
<h3 class="control-title">ANIMATION</h3>
<div class="control-buttons">
<button id="pauseBtn" class="btn btn-control">PAUSE</button>
<button id="stopBtn" class="btn btn-control">STOP</button>
</div>
<div class="control-group">
<label class="label">SPEED</label>
<input type="range" id="speedSlider" class="speed-slider" min="1" max="100" value="50">
<div class="speed-labels">
<span>SLOW</span>
<span>FAST</span>
</div>
</div>
</div>
<!-- Action Buttons -->
<button id="visualizeBtn" class="btn btn-accent">
2. VISUALIZE
@@ -112,6 +121,19 @@
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="footer-content">
<div class="copyleft">
<span class="copyleft-symbol">🄯</span>
<span>COPYLEFT 2025 - ALL WRONGS RESERVED</span>
</div>
<div class="footer-message">
Made with ❤️ and Python in New Jersey
</div>
</div>
</footer>
<!-- Load Modal -->
<div id="loadModal" class="modal">
<div class="modal-content">