-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (44 loc) · 1.85 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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> interferencePatternJsToy</title>
<meta name="description" content="interferencePatternJsToy">
<meta name="author" content="tixlegeek">
<link rel="shortcut icon" type="image/x-icon" href="radio.svg">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="app">
<h1>Simple interference pattern visualisation tool</h1>
<div id="canvas_wrapper">
<div id="video">
<canvas id="canvas" width="320" height="200" >
</canvas>
<p>Selection and displacement of emmitters is a rotating buffer. Click and drag to experience the true bontempi UI.</p>
</div>
<div id="infos">
<h2>About:</h2>
<p>
Developped on the 03-05-2020, by <a href="https://twitter.com/tixlegeek/">@tixlegeek</a> (aka <a href="https://twitter.com/captnlarzuk/">@captnlarzuk</a> ).
</p>
<p>
Simple and dirty JS toy which lets you play with interference patterns.
This code is absolutely not finished, or cleaned up, any help would be much appreciated :)
</p>
<h2>About physics:</h2>
<p>
I can't say it's a physics-accurate representation. I made that for quick testings, but, i guess i now have to think about the "simulation" side. For example, you can't yet simulate reverberation, diffraction, etc... just isotropic emmiters, with a Frequency, a Phase, and an Amplitude (which you can tweak). You also can try to move them around, but, beware, the selector is a ring-buffer, so using it is a pain in the ass.
</p>
<p>
UI design is ongoing. Have fun!
</p>
</div>
</div>
<div id="controls">
<div class="rangeCombo" id="generalControls"></div>
</div>
</div>
<script async src="js/lib.js"></script>
</body>
</html>