-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
26 lines (24 loc) · 1.27 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Magnetic Field Simulator</title>
<script language="javascript" type="text/javascript" src="libraries/p5.js"></script>
<script language="javascript" src="libraries/p5.dom.js"></script>
<script language="javascript" src="libraries/p5.sound.js"></script>
<script language="javascript" type="text/javascript" src="sketch.js"></script>
<script language="javascript" type="text/javascript" src="particle.js"></script>
<script language="javascript" type="text/javascript" src="poles.js"></script>
</head>
<body>
<header align = "center"> Magnetic Field Simulator</header>
<div id="sketch-holder">
</div>
<p>Preset 1: Bar Magnet Preset 2: Two North Poles Preset 3: Bar Magnet Preset 4: Positively charged particle next to a negatively charged plate </p>
<p>Drag around the poles to create your own configurations and add particles by clicking.</p>
<p>Hover over the poles and scroll to adjust their strength.</p>
<p>Fast placement allows you to quickly place particles by dragging the mouse.</p>
<span id="kFps"></span>
<progress id="kpFps" value="0" min="0" max="100" style="vertical-align:middle"></progress>
</body>
</html>