Added furth UI behavior tweaks, removed a script and moved the p5.min.js into the repo.

This commit is contained in:
2020-05-19 14:29:10 -05:00
parent dc292305fb
commit 163c028145
4 changed files with 34 additions and 6 deletions
+18 -4
View File
@@ -25,14 +25,25 @@
<script>
function updateCanvasWidth(){
let w = document.getElementById('canvasWidthTextbox').value;
toggleReuseMazeCheckbox(false);
resizeCanvas(w, height);
}
function updateCanvasHeight(){
let h = document.getElementById('canavasHeightTextbox').value;
toggleReuseMazeCheckbox(false);
resizeCanvas(width, h);
}
function updateCellWidth(){
toggleReuseMazeCheckbox(false);
}
function toggleReuseMazeCheckbox(enabled){
document.getElementById("reuseMaze").checked = enabled;
document.getElementById("reuseMaze").disabled = !enabled;
}
function toggleForm(enabled){
document.getElementById("canvasProperties").disabled = !enabled;
document.getElementById("algo").disabled = !enabled;
@@ -41,8 +52,12 @@
}
function rerun(){
if (!document.getElementById("reuseMaze").checked)
toggleForm(false);
if (!document.getElementById("reuseMaze").checked) {
createNewMaze(document.getElementById("cellWidthInput").value);
toggleReuseMazeCheckbox(true);
}
frameRate(Number(document.getElementById("genFrameRate").value));
algo = {};
maze.resetMazeState();
maze.updateMazeDisplay();
@@ -52,8 +67,7 @@
<script src="maze-solver.js"></script>
<script src="cell.js"></script>
<script src="gen-maze.js"></script>
<script src="../p5.js"></script>
<script src="../addons/p5.sound.min.js"></script>
<script src="p5.min.js"></script>
<script src="sketch.js"></script>
</head>
@@ -81,7 +95,7 @@
</fieldset>
<fieldset id="misc" disabled="disabled">
<legend>Misc.</legend>
<label for="cellWidthInput">Cell Width: </label><input type="number" id="cellWidthInput" value="50" />
<label for="cellWidthInput">Cell Width: </label><input type="number" id="cellWidthInput" value="50" onchange="updateCellWidth()"/>
</fieldset>
<button id="runButton" type="button" onClick="rerun()" disabled>Re-run</button>
</form>