Added furth UI behavior tweaks, removed a script and moved the p5.min.js into the repo.
This commit is contained in:
+18
-4
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user