File size: 2,029 Bytes
cf34346 cf8648f cf34346 e1960aa cf34346 cf8648f 701ee04 cf34346 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Sinus</title>
</head>
<body>
<h1>Sinus</h1>
<div id="sliders">
<label for="amplitude">Amplitude:</label>
<input type="range" id="amplitude" min="0" max="100" value="25" />
<span id="amplitudeValue">25</span>
<br />
<label for="frequency">Sinus Frequency:</label>
<input type="range" id="frequency" min="0" max="2" step="0.1" value="0.5" />
<span id="frequencyValue">0.5</span>
<br />
</div>
<h1>Synchronisation</h1>
<div id="synchronisation">
<label for="sync">Sync freq:</label>
<input type="range" id="sync" min="1" max="200" step="10" value="100" />
<span id="syncValue">50</span>
<br />
<label for="motor_0">Motor 0 synced:</label>
<input type="checkbox" id="motor_0_synced" />
<br />
<label for="motor_1">Motor 1 synced:</label>
<input type="checkbox" id="motor_1_synced" />
<br />
<label for="motor_2">Motor 2 synced:</label>
<input type="checkbox" id="motor_2_synced" checked />
<br />
<label for="motor_3">Motor 3 synced:</label>
<input type="checkbox" id="motor_3_synced" checked />
<br />
<label for="motor_4">Motor 4 synced:</label>
<input type="checkbox" id="motor_4_synced" />
<br />
<label for="motor_5">Motor 5 synced:</label>
<input type="checkbox" id="motor_5_synced" />
<br />
</div>
<h1>Debug</h1>
<div id="debug">
<label for="verbose">Verbose:</label>
<input type="checkbox" id="verbose" />
</div>
<!-- <script src="sinus.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"
integrity="sha512-q/dWJ3kcmjBLU4Qc47E4A9kTB4m3wuTY7vkFJDTZKjTs8jhyGQnaUrxa0Ytd0ssMZhbNua9hE+E7Qv1j+DyZwA=="
crossorigin="anonymous"></script>
<script src="sinus.js"></script>
</body>
</html> |