-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·66 lines (38 loc) · 3.11 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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel = "stylesheet" href = "../css/interactive.css">
<link rel = "stylesheet" href = "css/snowfall.css">
<title>snowfall</title>
<script src = "lib/p5.js" type = "text/javascript"></script>
<!-- Uncomment the lines below to include extra p5 libraries -->
<script src = "lib/p5.dom.js" type = "text/javascript"></script>
<!-- <script src = "lib/p5.sound.js" type = "text/javascript"></script> -->
<script src = "js/snowfall.js" type = "text/javascript"></script>
</head>
<body>
<!--
<div id = "settings" class = "overlay">
<h1>amoeba</h1>
<div class = "menu">
<h2>settings</h2>
<p class = "setting">mutation count <script>document.write('<input type = "range" min = "'+MIN_MUTATION_COUNT+'" max = "'+MAX_MUTATION_COUNT+'" value = "'+DEFAULT_MUTATION_COUNT+'" oninput = "MUTATION_COUNT_change()" onchange = "MUTATION_COUNT_change()" id = "MUTATION_COUNT_slider" class = "slider">')</script></p>
<p class = "setting">maximum frequency (applied on randomization) <script>document.write('<input type = "range" min = "'+MIN_MAX_B+'" max = "'+MAX_MAX_B+'" value = "'+DEFAULT_MAX_B+'" oninput = "MAX_B_change()" onchange = "MAX_B_change()" id = "MAX_B_slider" class = "slider">')</script></p>
<p class = "setting">resolution <script>document.write('<input type = "range" min = "'+MIN_RESOLUTION+'" max = "'+MAX_RESOLUTION+'" value = "'+DEFAULT_RESOLUTION+'" oninput = "RESOLUTION_change()" onchange = "RESOLUTION_change()" id = "RESOLUTION_slider" class = "slider">')</script></p>
<p class = "setting">time syncronization amount <script>document.write('<input type = "range" min = "'+MIN_SYNCRONIZE_WITH_TIME_COUNT+'" max = "'+MAX_SYNCRONIZE_WITH_TIME_COUNT+'" value = "'+DEFAULT_SYNCRONIZE_WITH_TIME_COUNT+'" oninput = "SYNCRONIZE_WITH_TIME_COUNT_change()" onchange = "SYNCRONIZE_WITH_TIME_COUNT_change()" id = "SYNCRONIZE_WITH_TIME_COUNT_slider" class = "slider">')</script></p>
<p class = "setting">speed of time <script>document.write('<input type = "range" min = "'+MIN_SPEED+'" max = "'+MAX_SPEED+'" value = "'+DEFAULT_SPEED+'" oninput = "SPEED_change()" onchange = "SPEED_change()" id = "SPEED_slider" class = "slider">')</script></p>
<p class = "setting">amplitude <script>document.write('<input type = "range" min = "'+MIN_AMPLITUDE+'" max = "'+MAX_AMPLITUDE+'" value = "'+DEFAULT_AMPLITUDE+'" oninput = "AMPLITUDE_change()" onchange = "AMPLITUDE_change()" id = "AMPLITUDE_slider" class = "slider">')</script></p>
<p class = "setting"><script>document.write('<input type = "button" value = "randomize" onclick = "randomize();" id = "randomizebutton" class = "button">')</script></p>
</div>
<div class = "menu">
<h2>links</h2>
<p><a href = "http://jangdan.tumblr.com/post/133335442821/the-quite-basic-mathematics-behind-amoeba">the math behind this</a>
<p><a href = "http://ssalbap.tumblr.com">more stuff like this</a></p>
</div>
<p>© 2015 Daniel Jang</p>
</div>
-->
</body>
</html>