-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (56 loc) · 2.35 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
<!DOCTYPE HTML>
<html>
<meta charset="utf-8">
<title>IFS Fractal</title>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="controls">
<table>
<tr>
<!-- 0.930 0.675 0.615 0.220 0.160 -->
<!-- {m:1.000,a:0.750,b:0.550,c:0.240,d:0.160} -->
<!-- 0.9 0.725 0.67 0.315 0.11 -->
<!-- 1 0.73 0.665 0.355 0.145 -->
<td>Master</td>
<td><input id="master_slider" type="range" min ="0.01" max="1.0" step ="0.010" value="0.90" onInput="onControlChange()"/></td>
</tr>
<tr>
<td>Ratio A</td>
<td><input id="ratio_a_slider" type="range" min ="0.4" max="0.8" step ="0.005" value="0.73" onInput="onControlChange()"/></td>
</tr>
<tr>
<td>Ratio B</td>
<td><input id="ratio_b_slider" type="range" min ="0.4" max="0.8" step ="0.005" value="0.670" onInput="onControlChange()"/></td>
</tr>
<tr>
<td>Angle A</td>
<td><input id="angle_a_slider" type="range" min ="0.01" max="0.9" step ="0.005" value="0.355" onInput="onControlChange()"/></td>
</tr>
<tr>
<td>Angle B</td>
<td><input id="angle_b_slider" type="range" min ="0.01" max="0.9" step ="0.005" value="0.140" onInput="onControlChange()"/></td>
</tr>
</table>
</div>
<canvas id="canvas"></canvas>
</div>
<script src="app.js"></script>
<script>
// updateControlValues();
// updateFractal();
var start = 0.05,
finish = 0.95,
duration = 5000,
steps = 200;
animate(start, finish, duration, steps);
/*
* It is indeed fascinating how small, individual, changes to an
* [Iterated Function System](https://en.wikipedia.org/wiki/Iterated_function_system)
* can have such dramatic influence on the system as a whole!
*/
</script>
</body>
</html>