You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
2.0 KiB
60 lines
2.0 KiB
2 years ago
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
<head>
|
||
|
<meta charset="utf-8">
|
||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.6.0/p5.min.js" type="text/javascript"></script>
|
||
|
<script src="data/scripts/js/main.js" type="text/javascript"></script>
|
||
|
<link href="styles.css" rel="stylesheet">
|
||
|
<link href="data/styles/color_picker.css" rel="stylesheet">
|
||
|
<link href="data/styles/range_input.css" rel="stylesheet">
|
||
|
<title>Pendulum</title>
|
||
|
</head>
|
||
|
<body>
|
||
|
<div id="p5_loading"></div>
|
||
|
<div id="content">
|
||
|
<div id="options" style="display: none">
|
||
|
<label>
|
||
|
<input type="radio" name="type">
|
||
|
Single pendulum
|
||
|
</label>
|
||
|
<br>
|
||
|
<label>
|
||
|
<input type="radio" name="type" checked>
|
||
|
Double pendulum
|
||
|
</label>
|
||
|
<br>
|
||
|
<label>
|
||
|
Count:
|
||
|
<input type="number" min="1" max="500" value="1">
|
||
|
</label>
|
||
|
<br>
|
||
|
<label>
|
||
|
L1:
|
||
|
<input type="range" min="50" max="400" value="200">
|
||
|
<span>200</span>
|
||
|
</label>
|
||
|
<br>
|
||
|
<label>
|
||
|
L2:
|
||
|
<input type="range" min="50" max="400" value="200">
|
||
|
<span>200</span>
|
||
|
</label>
|
||
|
<br>
|
||
|
<label>
|
||
|
M1:
|
||
|
<input type="range" min="1" max="10" value="1">
|
||
|
<span>1</span>
|
||
|
</label>
|
||
|
<br>
|
||
|
<label>
|
||
|
M2:
|
||
|
<input type="range" min="1" max="10" value="1">
|
||
|
<span>1</span>
|
||
|
</label>
|
||
|
<br>
|
||
|
<input type="button" value="Add">
|
||
|
</div>
|
||
|
<div id="canvas_holder"></div>
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|