2023-03-21 05:23:52 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<!-- ahhh -->
|
|
|
|
|
<head>
|
|
|
|
|
<title>Document</title>
|
|
|
|
|
<link rel="stylesheet" href="./css/styles.css">
|
|
|
|
|
</head>
|
2023-03-23 04:36:19 +00:00
|
|
|
<body style="margin:0;" >
|
2023-03-21 05:23:52 +00:00
|
|
|
<canvas id="myCanvas"
|
2023-03-23 04:28:46 +00:00
|
|
|
style="display: block;box-sizing: border-box;" ></canvas>
|
2023-03-21 05:23:52 +00:00
|
|
|
<div id="toolbar">
|
|
|
|
|
<br>
|
|
|
|
|
<select id="shape-selector">
|
|
|
|
|
<option value="PolyTwistColourWidth">PolyTwistColourWidth</option>
|
|
|
|
|
<option value="FloralPhyllo">FloralPhyllo</option>
|
2023-03-21 06:08:08 +00:00
|
|
|
<option value="FloralPhyllo_Accident">FloralPhyllo_Accident</option>
|
2023-03-21 05:23:52 +00:00
|
|
|
<option value="Spiral1">Spiral1</option>
|
2023-03-21 06:08:08 +00:00
|
|
|
<option value="FloralAccident">FloralAccident</option>
|
|
|
|
|
<option value="Nodal_expanding">Nodal_expanding</option>
|
2023-03-23 04:28:46 +00:00
|
|
|
<option value="Nodal">Nodal</option>
|
|
|
|
|
<option value="Phyllotaxis">Phyllotaxis</option>
|
2023-03-21 05:23:52 +00:00
|
|
|
</select>
|
|
|
|
|
<div id="custom"></div>
|
|
|
|
|
<br>
|
|
|
|
|
<p>Degrees Per Second</p>
|
|
|
|
|
<input type="text" id="inputDegPerSec" value="5" onchange="ChangeDegPerSec(this.value)">
|
|
|
|
|
<br>
|
|
|
|
|
<p>Controls</p>
|
|
|
|
|
<button id="resetButton" onclick="Reset()">Reset</button>
|
|
|
|
|
<div class="controls">
|
|
|
|
|
<button onclick="BackwardFrame()"><</button>
|
|
|
|
|
<button id="pauseButton" onclick="TogglePause()">Play</button>
|
|
|
|
|
<button onclick="ForwardFrame()">></button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-23 04:36:19 +00:00
|
|
|
<div>
|
|
|
|
|
<button onclick="manualToggleSettings()" class="button">Show/hide</button>
|
|
|
|
|
</div>
|
2023-03-21 05:23:52 +00:00
|
|
|
</body>
|
|
|
|
|
<script src="./js/helper.js" type="text/javascript"></script>
|
|
|
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
|
|
|
<script src="./js/math.js" type="text/javascript"></script>
|
|
|
|
|
<script src="./js/objects.js" type="text/javascript"></script>
|
|
|
|
|
<script src="./js/index.js"></script>
|
|
|
|
|
</html>
|
